sachinchoolur/lightgallery.js
Lightgallery.js
lightgallery.js es una librería modular de JavaScript utilizada para crear galerías de imágenes responsivas, visores multimedia y componentes de lightbox. Proporciona una interfaz sin dependencias para renderizar video HTML5, iframes externos e imágenes responsivas dentro de una superposición de pantalla completa.
El proyecto se distingue por una arquitectura de plugins basada en módulos que permite a los desarrolladores extender el motor central con comportamientos personalizados. Cuenta con transiciones aceleradas por hardware, un sistema para sincronizar el índice de la diapositiva actual con fragmentos de hash de URL para enlaces directos, y la capacidad de inicializar galerías utilizando selectores CSS o arrays de objetos de datos.
La librería cubre una amplia gama de capacidades de visualización de medios, incluyendo la gestión del viewport para hacer zoom y rotar imágenes, la obtención automática de miniaturas de video y tiras de miniaturas navegables. También incluye soporte para carga diferida de video, precarga de activos y herramientas integradas para compartir en redes sociales.
Está disponible una API programática para controlar la navegación, saltar a diapositivas específicas o gestionar el ciclo de vida de la instancia de la galería mediante código.
Features
- Media Lightboxes - Implements a responsive full-screen media lightbox for presenting images and videos with optimized scaling and touch navigation.
- Multimedia Viewers - Provides a dependency-free interface for rendering HTML5 video, external iframes, and responsive images within a single viewer.
- Video Embeddings - Integrates native HTML5 video and third-party hosting platforms into a navigable gallery with lazy loading.
- Custom Module Implementations - Offers a plugin system that allows developers to create and integrate custom modules into the core engine.
- Plugin-Based Architectures - Uses a modular plugin architecture that allows developers to extend the core gallery engine with optional feature modules.
- Customizable UI Components - Provides a flexible media viewer with high levels of visual and functional customization through modules and API control.
- Viewport Layout Calculators - Dynamically calculates lightbox dimensions and image scaling based on the current window size and device resolution.
- Image Galleries - Displays responsive collections of photos with built-in support for zoom, rotation, and adaptive resolution.
- Responsive Layouts - Features gallery layouts that automatically adapt to different screen sizes and device orientations.
- HTML5 Media Players - Provides a customizable interface for rendering native HTML5 video files.
- JavaScript Gallery Libraries - A modular JavaScript library for implementing thumbnail navigation, social sharing, and programmatic gallery control.
- Asset Preloading - Implements background loading of adjacent media assets to reduce transition latency during navigation.
- Lifecycle Event Hooks - Provides customizable callback hooks at key lifecycle moments such as initialization, slide transitions, and destruction.
- Dynamic Media Captions - Ships UI components that display customizable text descriptions to provide context for images and videos.
- Viewport Mode Toggles - Provides capabilities to toggle between different viewing modes, including full-screen and inline layouts.
- Gallery Control APIs - Provides a programmatic API to jump to specific slides, navigate between items, or destroy the gallery instance.
- Iframe Overlays - Includes modal layers that embed and display remote external websites and maps via iframes.
- Slide Transition Engines - Implements hardware-accelerated CSS transitions for smooth visual movements between sequential gallery slides.
- Thumbnail Navigation Systems - Implements a UI pattern linking a secondary navigation slider of thumbnails to the primary content display.
- Video Thumbnail Embeds - Automatically fetches preview images from video hosting providers to populate gallery thumbnails.
- View Transition Animations - Uses hardware-accelerated animations to interpolate positions of media items when transitioning between slides.
- Poster-First Video Loading - Displays a static poster image and defers loading the full video player until user interaction.
- Responsive Image Loaders - Delivers the most appropriate image source based on viewport size and device capabilities using custom attributes.
- Media Lazy Loading - Preloads adjacent media assets in the background to ensure seamless transitions during user navigation.
- Third-Party Media Player Integrations - Includes configuration modules for connecting external video providers with autoplay and custom poster support.
- URL State Synchronization - Maps the current gallery slide index to browser URL hash fragments to enable deep linking.
