IMAGENES EN MOVIMIENTO
Cada día se va haciendo más útil poner imágenes en movimiento en un blog.
Es algo bastante sencillo de hacer, aquí os dejo los pasos a seguir.
Esta serie de códigos que os 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 # introducir 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í: ( Pagina de Muestra)
-------------------------------------------------------------------------------------------------------------------------
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>
-------------------------------------------------------------------------------------------------------------------------
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í: Imagen e Movimiento con Paro al pasar el Cursor
-------------------------------------------------------------------------------------------------------------------------
Ahora si deseáis 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>
recordad que puedeis modifican la dirección donde dice "up", la velocidad donde está el "8" y la altura donde dice "100px".
Además puedeis añadir muchas imágenes si van repitiendo cada vez más <img src="#"/>
-------------------------------------------------------------------------------------------------------------------------
Ahora si deseáis 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>
y Quedaría así: Varias Imagenes en Movimiento
recordad que puedeis modifican la dirección donde dice "up", la velocidad donde está el "8" y la altura donde dice "100px".
Además puedeis añadir muchas imágenes si van repitiendo cada vez más <img src="#"/>
Publicado por
21-07-2017
0 comentarios