Reiniciar, recargar,... una imagen .GIF con Javascript y CSS ¿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
