Easy Gallery Lightbox en Pure JavaScript-pureJSLightbox
| Autor: | dianadi09 |
|---|---|
| Views Total: | 2,294 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 17, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
pureJSLightbox es una biblioteca de JavaScript de dependencia cero para crear una galería simple donde las imágenes se abren en un cuadro de luz táctil y sensible con la capacidad de desplazarse a través de todas las imágenes con flechas de navegación y evento de deslizamiento.
Funcionamiento
Enlace al JavaScript y la hoja de estilos de pureJSLightbox:
<link rel="stylesheet" href="pure-js-lightbox.min.css"> <script src="pure-js-lightbox.min.js"></script>
Agregue la clase "Pure-JS-lightbox-Container" al contenedor de la galería.
<!-- Add class "pure-js-lightbox-container" to your gallery container--> <ul id="gallery" class="pure-js-lightbox-container"> <li><a href="1.jpg"><img src="1.jpg"/></a></li> <li><a href="2.jpg"><img src="2.jpg"/></a></li> <li><a href="3.jpg"><img src="3.jpg"/></a></li> <li><a href="4.jpg"><img src="4.jpg"/></a></li> <li><a href="5.jpg"><img src="5.jpg"/></a></li> <li><a href="6.jpg"><img src="6.jpg"/></a></li> </ul>
Inicializa la lightbox de la galería y ya está.
var test = new pureJSLightBox();
Opciones de configuración con valores predeterminados.
var test = new pureJSLightBox({
// shows fullscreen overlay
overlay: true,
// shows navigation arrows
navigation: false,
// enable swipe
swipe: false
});
