Animer un GIF avec le positionnement de la souris
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Animer un GIF avec le positionnement de la souris

Adrien Gazaix
2,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Animer un GIF avec la souris

Plan détaillé du cours

Leçon 1Animer un GIF avec la souris
25m53

Aperçus

Avis des apprenants

Détail des avis
141
Apprenants
2
Commentaires
5/5
Note moyenne
5/5
2
4/5
0
3/5
0
2/5
0
1/5
0
Jef Brunet
Jef Brunet
Publié le 08/08/2018
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 .
Philippe Mouret
Philippe Mouret
Publié le 05/12/2017
Comme d'habitude un tuto limpide, expliqué sur un rythme idéal et gratifiant pour celui qui apprend. Merci Adrien.
Adrien Gazaix
Adrien Gazaix
Merci à toi de suivre mes tuto et toujours aussi content d'avoir des retours comme le tien ;)

Vos questions sur le cours

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

Payer plus tard

Prix d'achat : 2,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1424 tutos gratuits

Notre politique de protection des données