Diaporamas plein écran Lightbox avec Lightgallery.js
Tout bon blog ou site portfolio peut bénéficier d’un diaporama modal lightbox. Cela peut être bon pour mettant en valeur les photos associées ou laisser des visiteurs parcourir un portefeuille de travaux (design, art, photographie).
Avec lightgallery.js, tu viens installer la bibliothèque et laissez-le courir. Vous pouvez le configurer avec n'importe quel nombre de photos et chaque diapositive occupe tout l'écran.
Je préfère de loin ce plugin aux autres diaporamas qui ne prennent qu’une partie de l’écran. Avec lightgallery.js, tout le focus va sur le diaporama et la première image visible.
Au bas de chaque diapositive, vous pouvez trouver un petite description avec des liens ou le texte que vous voulez.
Dans le coin supérieur droit, vous verrez un série de boutons pour fonctionnalités étendues. Dans l'ordre, ils vont comme ceci:
- Lancer le diaporama
- Zoom avant / arrière
- Navigateur plein écran
- Partage social
- Téléchargement d'image
- Fermer le diaporama
Vous pouvez choisir lequel de ces boutons vous souhaitez afficher par éditer les options quand vous appelez le plugin.
En fait, je suis époustouflé par la quantité de détails que contient la documentation. Il a des détails pour options et méthodes de rappel. Mais vous trouverez aussi des infos pour attributs de données personnalisés, Variables sass, et même un API de plugin construire des modules sur lightgallery.
Oh, et ai-je mentionné c'est complètement mobile-friendly? Vous pouvez faire glisser des photos dans la galerie avec votre doigt ou même avec une souris.
C'est le choix idéal pour un designer ou un photographe qui recherche une méthode brillante pour afficher son portefeuille sur son site..
Vous pouvez même Intégrer des iframes ou des vidéos de sites tels que YouTube ou Vimeo. C’est vraiment le meilleur plugin de galerie lumineuse offrant la meilleure expérience utilisateur possible.
Cette bibliothèque est libre de toutes dépendances et cela fonctionne en JavaScript pur. Mais ça joue bien avec les grandes bibliothèques comme jQuery ou Bootstrap aussi.
Si vous préférez ceci comme un plugin jQuery Il existe un plugin lightgallery.js destiné aux utilisateurs de jQuery. Vous pouvez voir un démo complète sur le page de démonstration ou consultez le stylo ci-dessous. Et si vous avez besoin de code source se diriger vers le Repo GitHub et prendre une copie pour toi.
