Reproducir GIF

[cards]

Hola!
He visto en alguna web una animacion gif que está quieta (parada en el primer fotograma) y si se clicka encima de ella entonces se reproduce hasta llegar al final, para quedar otra vez parada en el primer fotograma.

Sé que se hace con javascript pero no se como... alguien tiene idea?

[wigglyUtrera]

Lo que se me ocurre que en la web la imagen que aparece por defecto no se mueve:

Código HTML:

<img id="foto" onclick="cambiar()" src="ejemplo.gif"/> 

Código:

function cambiar(){
     var imagen = document.getElementById("foto");
     imagen.src = "ejemploMovimiento.gif";

}

Es decir, ejemplo.gif no se mueve y ejemploMovimiento.gif si
ejemplo.gif sería el primer fotograma de ejemploMovimiento.gif

[cards]

Wena idea! :D

Pero... como hacer que el gif se reproduzca una vez y al finalizar se vuelva a poner la imagen estatica?

[wigglyUtrera]

añade al final un fotograma que sea el inicial y le dices que no se reproduzca mas(eso en el programa para hacer GIF).

Ya esta, ya que al pulsar otra vez la foto, empezara de nuevo debido a que sólo hemos cambiado el src