~~ imagenes en movimiento ~~

Cada día se va haciendo más útil y lindo poner imágenes en movimiento en el blog.

Es algo bastante sencillo de hacer, aquí les dejo los pasos a seguir.

Esta serie de códigos que les voy a mostrar, deben colocarlos en creación de plantillas (o si quieren editar alguna también pueden hacerlo). También si quieren colocarlos en una barra y no en las entradas también les servirá, pero deben colocar el código en un Gadgest de HTML/JavaScript.

El código principal es

<br /><marquee><img src="#" /></marquee><br />

Donde esta # introducen la dirección URL de la imagen, entonces quedaría así :

Ahora si queremos que la imagen vaya hacia arriba. Solamente tenemos que agregar el comando direction="up" ( puedes cambiarlo por "down", para que las imagenes se muevan para abajo). Entonces sería este código: <br /><marquee direction="up"><img src="#" /></marquee><br /> y Quedaría así: Ahora si quieres que la imagen se detenga al pasar el mouse, el codigo seria este: <br /><marquee onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="100" direction="up"><br /><br /><img src="#" /><br /><br /></marquee><br /> Y quedaría así: Ahora si desean colocar varias imágenes en movimiento, sólo deben colocar este código: <br /><br /><br /><marquee scrolldelay="100" direction="up" crollamount="8" height="100px"> <center><br /><img src="#" /><br /><img src="#" /><br /><img src="#" /><br /><img src="#" /><br /></center> </marquee><br /> Recuerden que pueden modifican la dirección donde dice "up", la velocidad dodne está el "8" y la altura donde dice "100px". Además pueden añadir muchas imágenes si van repitiendo cada vez más () Espero que les ayude!! CREDITOS shojodecora.blogspot.com