Freezeframe.js est une bibliothèque JavaScript qui vous permet de contrôler l'animation d'un GIF.Qu'est-ce à dire ? L'idée est que le GIF soit en pause à l'ouverture de la page Web. L'activation peut se faire alors de diverses manières :
- le mouse hover, à savoir, dès que la souris passe dessus ;
- le clic sur le GIF ;
- le touch event, hé oui, il faut bien penser tactile de nos jours.
J'ose concevoir que la liste peut s'agrandir si utilité il y a. Je vous invite à voir la page de démonstrations, ne serait-ce que pour le plaisir des yeux.
L'outil est transpilé avec webpack / babel. Il devrait donc fonctionner sur la plupart des environnements. Il peut également être utilisé avec Vue.js.
Techniquement, l'astuce est d'écrire les données de la première frame du GIF dans un élément canvas et donner ainsi l'impression de le contrôler.
Site officiel. Démonstrations.
Découvrez des outils, frameworks et bibliothèques JavaScript sur nos forums et sur la page de téléchargement.