Implémentation et Personnalisation des Plugins de Lightbox

Utilisation concrète de plug : Lightbox avec Ajax / jQuery
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Ajax / JQuery
Revoir le teaser Je m'abonne
5,0
Transcription

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
5,0
59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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.

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.

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.

Voir plus
Questions réponses
Quelle est la fonctionnalité principale des plugins de Lightbox?
La fonctionnalité principale est d'afficher des images en grand format dans des pop-ups sur la page.
Quels fichiers sont nécessaires pour implémenter un plugin Lightbox?
Les fichiers nécessaires incluent index.html, une feuille de style, des images pour les boutons de contrôle, des scripts en jQuery et les photos au format agrandi et réduit.
Comment peut-on personnaliser l'affichage des images dans Lightbox?
On peut personnaliser l'affichage en modifiant la feuille de style associée au plugin Lightbox.

Programme détaillé

1 commentaire
5,0
1 vote
5
4
3
2
1
zohor.souhila
Il y a 3 years
Commentaire
Excellente formation!