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
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í:
<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="#"/>
ooo gracias m serviran muuucho!!!!
ResponderEliminarbesitos!!
uf!! ya queria yo un chisme de estos ^^
ResponderEliminargracias!! pero, oyep, una question... si en las imagens que se mueven quiero hacer para que sean enlaces... como lo hago?? =S
Hola es la primera vez q' veo tu blog...me ha encantado..quiero saber si se puede usar una imagen en movimiento como banner en un foro..y como se hace uno con fotos del pc.
ResponderEliminargracias
sabrinna
hola lindo blog, me podrias ayudar yo usa la marquee pero no se como hacer una pausa, te explico, quiero poner 10 imagenes en la marque pero que cada ves que aparesca una nueva haga una pausa minima de 5 segundos.
ResponderEliminarespero que me puedas ayudar.
saludos!!
Paul
hola tengo una gran duda es que quiero poner en movimiento las imagenes de mis afiliados y no se que hacer, si me puedes ayudar te estare eternamente agradecida
ResponderEliminarsaludos bye
ohh ya descubri como hacer que mis afiliados queden en movimiento use tu ultimo ejemplo saludos bye
ResponderEliminar:o es lo que andava buscando xP :d
ResponderEliminarGracias por subir estas cositas :s
Me encanto!! muy bueno, hacia tiempo que estaba buscando ese efecto :) te invito a participar de mi blog, no se si sea de tu interés pero eres bienvenida/o. (zona-cosplay.blogspot.com)
ResponderEliminarIntente en mi blog pero no me funciono,por que...mi plantilla es Ethereal de blogspot, saludos
ResponderEliminarT U T MILLONES DE GRACIAS ME SIRVO MUCHÍSIMO SALUDOS!!!! THANKIUSS VERY MUCH!!
ResponderEliminarmuy útil !gracias
ResponderEliminarGracias!!!!!!!!!!!!!!! me quedó muy bien.......desde Guatemala saludos
ResponderEliminarMuy buena amigo me servira de mucho para mi deseño web saludos .....Peru
ResponderEliminarmuy bonito
ResponderEliminarHola! y tengo una pregunta, como haces cuando querés más de una imagen?
ResponderEliminarGracias me sirvio de mucha ayuda 👌👌👌
ResponderEliminargenia! gracias 1 hora buscando estuve!.
ResponderEliminarte amo
ResponderEliminarmil gracias :3
Hola, quiero agregar imágenes en movimiento en mi blog pero se me duplican, ¿qué debo hacer? Al principio lo logré pero después las eliminé y ahora se me duplican
ResponderEliminarSoy nuevo en esto, entiendo tus ejemplos pero no sé donde copiar estos códigos. p.e. si quiero que se muevan las imágenes de mis entradas, donde debo pegar exactamente este código? Gracias de antemano
ResponderEliminarEXCELENTE
ResponderEliminarExcelente blog, me gustaria saber como hiciste para poner un cursos asi como en tu blog.
ResponderEliminarSi tienes el codigo pasame por favor.
como se hace para que revoten de un lado a otro
ResponderEliminarAAAAAAAAHHHH GRACIAS <3
ResponderEliminarMuchas gracias por compartir, me sirvió
ResponderEliminarhola. tu código es muy útil para a la hora de poner varias imágenes sola me aparece la primera.
ResponderEliminar¿que hago?
Thanks so much for the codes. Neat and fun to use. How do you get the pink + on your page?
ResponderEliminarOMG! Llevaba años buscandolo :D Muchisimas graciaaas!!
ResponderEliminarMuchas gracias funciona de maravilla todos los códigos
ResponderEliminargracias, me fue de mucha ayuda... s
ResponderEliminarY si quiero que avancen y se detengan y luego que avancen.
ResponderEliminarcomo hago que mi puntero deje estrellitas :3
ResponderEliminarEs mi primera vez en ver este bloc y me parecio super gracias
ResponderEliminarcomo hiciste para que la imagen de la parte derecha siga la subida y bajada?? esta super genial tu blog.
ResponderEliminarno me sirvio:(
ResponderEliminarMe sirvio,muchas gracias por sus consejos.
ResponderEliminarho interesante.muy servicial
ResponderEliminargracias me sirvió mucho
ResponderEliminar