Brainiac: listo el Image Rotator con imágenes propias

Para variar... me ha costado un congo conseguirlo, pero... ya lo tengo con mis propias imágenes (playlist), en lugar del Flickr público.

Te recuerdo la dirección, por si quieres echar un VISTAZO... y lo cuento mañana (me ha llevado demasiado tiempo... hay que dormir)

--------------------------

Ya verás que vas a decir: "¡pues menuda tontería!". Pero las chorradas suelen ser las que más cuestan, jajajaa.

Sólo abre tu notepad, bloc de notas o lo que estés acostumbrado a usar e inserta ésto:

<playlist>

<title>Fotos y dibujos</title>

<trackList>



<track>

<title>La merienda del cisne</title>

<location>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkR8YAjU0uRfnUjs56iU1fR09-44Vb8cn8fiEfJscKAAYG9Stfi2TfJ7ezlC2Ngh0jsxn80QpveYDXtwznxEKnfvkDfI2_BrvMKwA7YXzLB7nPjcjt6j-OZ5siI2nZa66f4AekWJum1kA/s400/merienda_del_cisne.jpg</location>

<meta rel="type">jpg</meta>

</track>



... etc...



</trackList>

</playlist>

Es la estructura que va a tener tu "playlist.xml". Como ves, sólo tiene un título de la imagen, el vídeo, la canción o lo que desees y la dirección desde la cual los captas. Además, el "meta", que señalará si se trata de una imagen o de otra cosa.

Una vez que tengas llena tu lista, tal cual está la subes a tu servidor con ese nombre y extensión: "playlist.xml".

Y ahora, sólo tienes que cambiar el código del image rotator aquí:

so.addVariable('file','http://junioscripts.googlepages.com/playlist.xml');

Es decir: te queda el código exactamente igual que lo teníamos con el Flickr, sólo que cambiamos la "file" con la URL de grupos de Flickr y ponemos en su lugar la URL de nuestra playlist. Así queda:

<div id='mediaspace'><img alt='JW Image Rotator' height='250' src='http://...jpg' title='JW Image Rotator' width='720'/></div>



<script type='text/javascript'>

var so = new SWFObject(&#39;http://junioscripts.googlepages.com/imagerotator.swf&#39;,&#39;player&#39;,&#39;720&#39;,&#39;250&#39;,&#39;8&#39;);

so.addParam(&quot;allowfullscreen&quot;,&quot;true&quot;);

so.addParam(&quot;allowscriptaccess&quot;,&quot;always&quot;);

so.addParam(&quot;wmode&quot;,&quot;opaque&quot;);

so.addVariable(&quot;width&quot;,&quot;720&quot;);

so.addVariable(&quot;height&quot;,250);



so.addVariable(&#39;file&#39;,&#39;http://junioscripts.googlepages.com/playlist.xml&#39;);

so.addVariable(&#39;shownavigation&#39;,&#39;true&#39;);

so.addVariable(&#39;transition&#39;,&#39;random&#39;);

so.addVariable(&#39;lightcolor&#39;,&#39;0x990066&#39;);

so.addVariable(&#39;overstretch&#39;,&#39;true&#39;);

so.write(&#39;mediaspace&#39;);

</script>

Echale un ojo a la página del hack, porque tienes infinitas posibilidades... incluso la de añadirle un fondo musical al rotator de imágenes (mírate el resultado de La Acera

Pásalo bien ;)