jQuery Facile Application #3/5 : Créer une galerie de photos
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO jQuery Facile Application #3/5 : Créer une galerie de photos

Carl Brison
14,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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
Leçon 2
Mettre en place la grande image
Leçon 3
Mettre en place les liens suivant et précédent
Leçon 4
Mettre en relation la grande image avec la vignette
Leçon 5
Faire fonctionner le lien suivant
Leçon 6
Faire fonctionner le lien précédent
Leçon 7
Faire fonctionner le lien de fermeture

Plan détaillé du cours

Leçon 1Mettre en place les vignettes
10m23
Leçon 2Mettre en place la grande image
08m51
Leçon 3Mettre en place les liens suivant et précédent
07m26
Leçon 4Mettre en relation la grande image avec la vignette
08m23
Leçon 5Faire fonctionner le lien suivant
09m43
Leçon 6Faire fonctionner le lien précédent
03m58
Leçon 7Faire fonctionner le lien de fermeture
04m13
Leçon 8Conclusion
02m19

Aperçus

Avis des apprenants

Détail des avis
27
Apprenants
5
Commentaires
5/5
Note moyenne
5/5
5
4/5
0
3/5
0
2/5
0
1/5
0
Jean-Pierre Annen
Jean-Pierre Annen
Publié le 03/07/2024
Très bon tuto, ça m'a permis de commencer ma galerie. Dommage que la partie avec + que 9 images ne soient pas développée.
Valérie Arno
Valérie Arno
Publié le 26/06/2023
Agréable pour l'utilisateur l'affichage d'images sous l'aspect d'une galerie. J'ai bien suivi et puis j'ai bloqué sur le slice (-5, -4), pas compris. A part ça, ça fonctionne nickel mais il va falloir que je me penche sur cette fonction slice pas claire du tout dans mon esprit.
Carl Brison
Carl Brison
N'hésitez pas à tester, c'est le meilleur moyen pour bien comprendre une fonction. Merci pour votre commentaireValérie
Bernard Chabloz
Bernard Chabloz
Publié le 04/06/2023
Ya pas photo, c'est extra !
Carl Brison
Carl Brison
Très bien dit !!! Merci beaucoup ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

jQuery 3

Que contient le fichier source ?

Le code complet de ce tuto

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 14,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 1422 tutos gratuits

Notre politique de protection des données