Dans ce tuto jQuery en vidéo, nous verrons ensemble comment animer un GIF grâce au positionnement de la souris.
Au programme de ce tuto :
- Tour d'horizon des fichiers de départ
- Générer et télécharger le GIF animé
- Tester l'affichage du GIF sur une page html
- Décomposer le GIF en 30 images fixes
- Mettre en place le code jQuery
- Faire une boucle for() en PHP
- Tester l'animation du GIF avec la souris
- Changer l'axe de rotation et/ou inverser l'animation
N'hésitez pas à regarder l'extrait vidéo pour vous faire une idée plus précise sur le résultat final de ce tuto.
Celui-ci reste accessible pour les débutants qui ont déjà quelques notions de html/css et le résultat final est fourni dans les sources.
Je reste disponible dans la salon d'entraide si vous avez des questions pendant ou après le visionnage de la vidéo.
- Fichiers sourcestélécharger
- Certificat
Formateur : Adrien Gazaix
-
Super tuto , j'ai bien aimé la manière dont est présenté ce cours . facile a suivre et bien détaillé à chaque étape du projet . merci beaucoup .
-
Comme d'habitude un tuto limpide, expliqué sur un rythme idéal et gratifiant pour celui qui apprend. Merci Adrien.
-
Avec quelles versions de logiciels ce tuto est-il compatible ?jQuery , CSS 2, CSS 3, HTML 4, HTML 5
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés