Animation de l'icône burger d'un menu
Animation de l'icône burger d'un menu
Dans le but de mettre en pratique les différentes techniques jQuery enseignées durant ma "formation jQuery facile", je vous propose de mettre en place une troisième application pratique.
Pour cet exercice, nous allons élaborer une galerie de photos qui sera interactive.
L'utilisateur sera en mesure de cliquer sur une image miniature pour afficher la version en grand format correspondante.
À partir de là, il pourra décider de poursuivre sa navigation en passant à l'image suivante ou à l'image précédente, ou encore de fermer la version agrandie de l'image pour revenir à la galerie initiale.
Je mets les codes de cet exercice à votre disposition.
Un QCM vous permet de valider vos nouvelles connaissances jQuery.
Pour apprendre rapidement et facilement le jQuery : découvrez le premier épisode gratuit !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Mettre en place les vignettes
Mettre en place les vignettes
Leçon 2
Mettre en place la grande image
Mettre en place la grande image
Leçon 3
Mettre en place les liens suivant et précédent
Mettre en place les liens suivant et précédent
Leçon 4
Mettre en relation la grande image avec la vignette
Mettre en relation la grande image avec la vignette
Leçon 5
Faire fonctionner le lien suivant
Faire fonctionner le lien suivant
Leçon 6
Faire fonctionner le lien précédent
Faire fonctionner le lien précédent
Leçon 7
Faire fonctionner le lien de fermeture
Faire fonctionner le lien de fermeture
Plan détaillé du cours
Leçon 1Mettre en place les vignettes
10m23s
Leçon 2Mettre en place la grande image
08m51s
Leçon 3Mettre en place les liens suivant et précédent
07m26s
Leçon 4Mettre en relation la grande image avec la vignette
08m23s
Leçon 5Faire fonctionner le lien suivant
09m43s
Leçon 6Faire fonctionner le lien précédent
03m58s
Leçon 7Faire fonctionner le lien de fermeture
04m13s
Leçon 8Conclusion
02m19s
Aperçus
Avis des apprenants