lightgallery

lightGallery est un plugin de galerie lightbox personnalisable, modulaire et responsive écrit en JavaScript. Il n'a aucune dépendance et est distribué pour React.js, Angular, Vue.js et TypeScript, et peut également être utilisé directement dans des pages HTML simples. Les capacités principales décrites dans le README incluent : - Mise en page entièrement responsive et optimisation pour les appareils tactiles, avec prise en charge du glisser à la souris sur ordinateur. - Architecture modulaire avec des plugins intégrés tels que zoom, vignettes, lecture automatique, commentaires, plein écran, hash/liens profonds, pagination, rotation, partage, vidéo et zoom moyen. - Double-clic ou double-appui pour afficher une image à sa taille réelle, plus zoom avant/arrière et pincement pour zoomer. - Vignettes animées, partage social et prise en charge des vidéos YouTube, Vimeo, Wistia et HTML5. - Plus de 20 transitions CSS3 accélérées par le matériel, mode dynamique, galerie en ligne et prise en charge du plein écran. - Balayage ou glissement vers le haut/bas pour fermer la galerie, API d'historique du navigateur pour les liens profonds et images responsives. - Prise en charge des iframes HTML, plusieurs instances sur une même page, navigation au clavier, icônes SVG et prise en charge de l'accessibilité. - Rotation et retournement d'images, préchargement intelligent des images et optimisation du code. - Personnalisation via CSS/SCSS et paramètres. Les options d'installation incluent NPM, Yarn, Bower, CDN (jsdelivr, cdnjs, unpkg) et le téléchargement direct depuis GitHub. Les styles peuvent être inclus sous forme de fichiers CSS individuels, d'un fichier combiné lightgallery-bundle.css ou de fichiers SCSS. La bibliothèque prend en charge les imports de modules AMD, CommonJS et ES6. Le README indique qu'aucun balisage spécifique n'est requis ; n'importe quel balisage peut être utilisé. Un attribut optionnel data-lg-size peut fournir les dimensions originales du média pour l'animation de zoom initiale. L'initialisation se fait en appelant lightGallery sur un élément conteneur et en passant les plugins et les paramètres, y compris une clé de licence. La prise en charge des navigateurs couvre tous les principaux navigateurs, y compris IE 10 et versions ultérieures. La licence est double : une licence commerciale pour les projets commerciaux propriétaires, et GPLv3 pour les applications open source sous une licence compatible. Le support est disponible par e-mail et Twitter.