Introduction aux Plugins de Lightbox
Objectifs
Les objectifs de cette vidéo sont de :
- Apprendre à implémenter des plugins Lightbox sur une page web.
- Savoir personnaliser la visualisation des images via des pop-ups.
- Comprendre l'organisation des fichiers nécessaires.
Résumé
Les plugins de Lightbox permettent d'afficher des images en grand format dans des pop-ups. Lightbox est le plus connu et le plus simple à implémenter.
Description
Les plugins de Lightbox sont largement utilisés pour afficher des images dans un format agrandi via des pop-ups directement sur une page. Parmi ces plugins, Lightbox est réputé pour sa simplicité d'implémentation et ses nombreuses options de personnalisation, telles que la modification de la feuille de style et le regroupement des photos par galerie.
Pour mettre en œuvre ce plugin, il est nécessaire de disposer de plusieurs fichiers : une page index.html, une feuille de style, des images pour les boutons de contrôle, ainsi que les scripts principaux en jQuery et les photos au format agrandi et réduit.
La construction de la page inclut un appel à jQuery, un appel au script de Lightbox et une inclusion de la feuille de style correspondante. Le script Lightbox se charge alors d'afficher les images dans des pop-ups dimensionnés selon les photos et accompagnés de légendes pertinentes.