Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Freezeframe.js : la bibliothèque JavaScript permettant de contrôler l'animation d'un GIF
Et devrait fonctionner sur la plupart des environnements

Le , par vermine

41PARTAGES

4  0 
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.

Une erreur dans cette actualité ? Signalez-le nous !