È possibile mettere in pausa un'immagine .gif?

Question

È possibile avviare l'animazione .gif quando si passa con il mouse su di esso e metterlo in pausa quando non ci si passa sopra con il mouse? Non voglio reimpostare l'immagine all'inizio della sua animazione quando si ferma sopra il passaggio del mouse su di essa.

EDIT: Grazie per l'aiuto, ma niente ha funzionato come volevo. soluzione migliore che ho trovato per questo è stato questo:

HTML:

<img id="gif1" src="static1.jpg"> 

JS:

$("#gif1").hover(
    function() { 
     $(this).attr("src", "animate1.gif"); 
    }, 
    function() { 
     $(this).attr("src", "static1.jpg"); 
    }       
); 

Così, proprio thingy ripristino.

Answer 1

Una possibile soluzione sarebbe avere due immagini una foto e una gif animata. Quindi, cambiare il src quando si passa il mouse (come descritto qui: https://stackoverflow.com/a/5818049/1845408).

C'è anche plug-in, allora è possibile utilizzare questo per questo scopo: https://github.com/chrisantonellis/freezeframe

Credo che questo plug-in si applica la logica di cui sopra, solo più bene.

Tuttavia, se si desidera mettere in pausa l'animazione, potrebbe essere necessario disporre del set di immagini che crea l'animazione e spostarsi attraverso le immagini nell'ordine preimpostato al passaggio del mouse e mettere in pausa quando il mouse è fuori e registrare il l'ultima immagine è stata messa in pausa. Questo è stato realizzato qui: https://stackoverflow.com/a/20644622/1845408Click for DEMO