Introduction à Fancybox
Objectifs
Les objectifs de cette leçon sont :
1. Télécharger et intégrer la librairie Fancybox.
2. Organiser les images dans la page HTML.
3. Initialiser Fancybox avec du code JavaScript.
4. Personnaliser les effets de la lightbox.
Résumé
Découvrez comment créer une lightbox en utilisant la librairie Fancybox.
Description
Dans cette leçon, nous expliquons comment réaliser une lightbox avec la librairie Fancybox. Cette librairie permet de créer des galeries d'images interactives avec des effets de transition élégants. Nous commencerons par télécharger et intégrer les fichiers nécessaires, tels que jQuery, jQuery-mousewheel, et les fichiers fancybox.js et fancybox.css. Ensuite, nous organiserons nos images dans notre page HTML en utilisant des liens et des attributs spécifiques comme rel et title. Enfin, nous écrirons un script JavaScript pour initialiser Fancybox et personnaliser les effets d'ouverture et de style de l'arrière-plan de la lightbox.
Ce tutoriel est parfait pour ceux qui souhaitent ajouter des galeries d'images interactives et élégantes à leurs sites web.
Dommage que M Audoux ne va pas toujours au terme de ses exemples. Il manque souvent un petit "clic" qui finaliserait le cours.
Je rejoins le commentaire précédent, à savoir qu'il manque les fichiers de travail avec lesquels il serait plus facile de s'exercer.
Est il possible d'avoir les exemples afin de pouvoir travailler dessus et ne pas être obliger de jongler entre l'éditeur et la vidéo.
Merci.