Presentación de diapositivas de pantalla completa con Lightgallery.js
Cualquier gran sitio web de blog o portafolio puede beneficiarse de un modal lightbox slideshow. Esto puede ser bueno para mostrando fotos relacionadas o dejar que los visitantes navegar a través de una cartera de trabajos (diseño, arte, fotografía).
Con lightgallery.js, tu solo instalar la biblioteca y déjalo correr. Puedes configurarlo con cualquier numero de fotos y cada diapositiva ocupa toda la pantalla.
Yo prefiero este plugin en lugar de otras presentaciones de diapositivas que solo ocupan una parte de la pantalla. Con lightgallery.js, todo el enfoque va a la presentación de diapositivas y la primera imagen visible.
En la parte inferior de cada diapositiva, puede encontrar un pequeña descripción con enlaces o cualquier texto que quieras.
En la esquina superior derecha, verás un serie de botones para características extendidas. En orden, van así:
- Juego de diapositivas
- Acercar / alejar
- Navegador en pantalla completa
- Compartiendo socialmente
- Descarga de imagenes
- Cerrar la presentación de diapositivas
Puede seleccionar y elegir cuál de estos botones desea mostrar por editando las opciones cuando llamas al plugin.
De hecho, estoy impresionado por la cantidad de detalles incluidos en la documentación. Tiene detalles para opciones y métodos de devolución de llamada. Pero también encontrarás información para atributos de datos personalizados, Variables sass, e incluso un API de plugin para construir módulos en lightgallery.
Ah, y ¿mencioné que es completamente móvil? Puedes deslizar fotos a través de la galería con tu dedo o incluso con un mouse.
Es la elección perfecta para un diseñador o fotógrafo que desea un método brillante para mostrar su cartera en su sitio..
Usted puede incluso incrustar iframes o videos de sitios como YouTube o Vimeo. Este es realmente el mejor plugin de galería de lightbox que ofrece la mejor experiencia de usuario posible.
Esta biblioteca es libre de todas las dependencias y eso se ejecuta en JavaScript puro. Pero juega bien con grandes bibliotecas como jQuery o Bootstrap también.
Si prefieres esto como un plugin de jQuery hay un plugin lightgallery.js portado para usuarios de jQuery. Puedes ver un demo completa sobre el página de demos o echa un vistazo a la pluma abajo. Y si necesitas el código fuente dirígete a la GitHub repo y agarrar una copia para ti.