Cómo hacer que los GIFs solo se reproduzcan al pasar el cursor sobre ellos en una entrada en Blogger

dashiel · 25 May 2015

Hola betas, tengo una entrada en blogger donde tengo agregado como 20 gif y se me reproducen todos a la vez y yo quiero que me ayuden diciendome como hago para que solo se reproduzcan al ponerle el puntero encima. Gracias Betas se les agradece.

Cicklow · 25 May 2015

HTML:

<img src="imagenvistaprevia.gif" onmouseover="this.src='imagenoriginal.gif';">

Con eso lo solucionas... demo => Edit fiddle - JSFiddle

dashiel · 25 May 2015

no es exactamente lo que quiero 🙁 pero gracias. Yo quiero que el gif no se reproduzca al cargar la pagina ahi en esa linea de codigo se reproduce y al pasar el mouse vuelve. en cambio yo quiero que al tener el mouse en el gif solo ahi se reproduzca si saco el puntero deje de reproducirse.

- - - Actualizado - - -

no es exactamente lo que quiero 🙁 pero gracias. Yo quiero que el gif solo se reproduzca al tener el puntero encima si saco el puntero que deje de reproducirse.

lombervid · 25 May 2015

Los .gif no son videos que los puedas reproducir y pausar, lo que puedes hacer es algo parecido a lo que ya te comentaron, poniendole por defecto un .jpg/.png y al poner el mouse encima lo cambias por el .gif.

Saludos.

Cicklow · 25 May 2015

dashiel dijo:
no es exactamente lo que quiero 🙁 pero gracias. Yo quiero que el gif no se reproduzca al cargar la pagina ahi en esa linea de codigo se reproduce y al pasar el mouse vuelve. en cambio yo quiero que al tener el mouse en el gif solo ahi se reproduzca si saco el puntero deje de reproducirse.

- - - Actualizado - - -

no es exactamente lo que quiero 🙁 pero gracias. Yo quiero que el gif solo se reproduzca al tener el puntero encima si saco el puntero que deje de reproducirse.

Pues aprende... existe algo llamado JavaScript... y una funcion llamada onmouseout... onmouseover es cuando el mouse esta arriba... el otro adivina... ya te di el 90% de la solucion... el resto corre por tu cuenta...

dashiel · 26 May 2015

cicklow dijo:
Pues aprende... existe algo llamado JavaScript... y una funcion llamada onmouseout... onmouseover es cuando el mouse esta arriba... el otro adivina... ya te di el 90% de la solucion... el resto corre por tu cuenta...

Gracias amig@ ya pude hacerlo con poco de logica porque en realidad no se nada de programacion. Me profundisare en el tema de programacion es muy interesante y util.
Me podrias decir que empiezo aprendiendo, JavaScript o HTML, o HTML embarca a JavaScript o JavaScript embarca a HTML, xD medio enredado estoy.

Cicklow · 26 May 2015

dashiel dijo:
Gracias amig@ ya pude hacerlo con poco de logica porque en realidad no se nada de programacion. Me profundisare en el tema de programacion es muy interesante y util.
Me podrias decir que empiezo aprendiendo, JavaScript o HTML, o HTML embarca a JavaScript o JavaScript embarca a HTML, xD medio enredado estoy.

JS + HTML... ya que son cosas distintas...

Cómo hacer que los GIFs solo se reproduzcan al pasar el cursor sobre ellos en una entrada en Blogger

dashiel

Cicklow

dashiel

lombervid

Cicklow

dashiel

Cicklow

Temas similares