Como fazer com que os GIFs só sejam reproduzidos ao passar o cursor sobre eles em um post no Blogger

dashiel · 25/05/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/05/2015

HTML:

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

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

dashiel · 25/05/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/05/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/05/2015

dashiel disse:
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/05/2015

cicklow disse:
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/05/2015

dashiel disse:
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...

Como fazer com que os GIFs só sejam reproduzidos ao passar o cursor sobre eles em um post no Blogger

dashiel

Cicklow

dashiel

lombervid

Cicklow

dashiel

Cicklow

Tópicos similares