Imágenes 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

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

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:

<marquee direction="up"><img src="#"></marquee>

y Quedaría así:

Ahora si quieres que la imagen se detenga al pasar el mouse, el codigo seria este:

<marquee onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="100" direction="up">

<img src="#">

</marquee>

Y quedaría así:







Ahora si desean colocar varias imágenes en movimiento, sólo deben colocar este código:

<marquee scrolldelay="100" direction="up" crollamount="8" height="100px"> <center>
<img src="#"/>
<img src="#"/>
<img src="#"/>
<img src="#"/>
</center> </marquee>

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 <img src="#"/>