Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/03/2016, 21:15
Avatar de ghidalgoram
ghidalgoram
 
Fecha de Ingreso: marzo-2008
Ubicación: Costa Rica
Mensajes: 446
Antigüedad: 17 años
Puntos: 7
Pregunta Reiniciar, recargar,... una imagen .GIF con Javascript y CSS

Saludos amig@s

¿Cómo puedo reiniciar, recargar un GIF ANIMADO cada vez que se haga clic en un botón?

Supongamos, que el GIF está compuesto de 4 fotogramas y cada uno tiene un número del 1 al 4. La primera vez que se carga el gif, empieza la secuencia en orden Ascendente (1...,2...,3...,4).

Lo que necesito es que cuando se de clic al botón que carga el GIF, siempre se reinicie al fotograma #1.


Dejo el link donde estoy haciendo pruebas
http://codepen.io/ghidalgor/pen/MyaRBV


El botón "BASKETBALL" muestra una escena de un hundimiento de Michael Jordan (GIF). Cada vez que se presione el botón, necesito que se reinicie la escena.


Nota: Utilizo clases por tratarse de una página responsiva. No estoy utilizando ningún framework de Javascript.

Agradezco la ayuda.

Gracias
Saludos
__________________
Loading...

Última edición por ghidalgoram; 05/03/2016 a las 21:36