Imágenes en movimiento

Hola! El día de hoy vengo a enseñarles cómo poner imágenes en movimiento en sus páginas, es algo súper sencillo de hacer y queda lindo 

Primero que nada, los códigos que les dejaré los deben colocar en una caja de HTML/JavaScript (En caso que quieran que aparezca en una barrita de su blog) o si lo quieren poner en una entrada primero le dan clic en HTML (al costadito de redactar) y ya ahí lo editan.

El código es este:

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

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

 Si quieres que la imagen vaya hacia arriba agrega 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 les quedaría así:

Si quieres que la imagen se detenga al pasar el mouse, el código seria este:

<br /><marquee onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="100" direction="up"><br /><br /><img src="#" /><br /><br /></marquee><br />

Y les 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 />

NOTA: Puedes modificar la dirección donde dice "up", la velocidad donde está el "8" y la altura donde dice "100px".