Pantalla completa lightbox Slider-lightbox. js
| Autor: | PyxelCoder |
|---|---|
| Views Total: | 3,317 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 4, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
lightbox. js es una biblioteca de JavaScript pura que le permite mostrar imágenes grandes en una pantalla completa, navegable Galería lightbox al igual que un control deslizante de imagen.
El usuario puede navegar a través de sus imágenes por las teclas de flecha izquierda/derecha o haciendo clic en las flechas siguiente/anterior.
¿Cómo funciona?
Agregue un grupo de imágenes en miniatura a la Página Web. Puede especificar la versión grande de la miniatura mediante el atributo Data-Big en su contenedor principal. Tenga en cuenta que los contenedores de imágenes deben tener el mismo nombre de clase ' lightbox '.
<div data-big="1.jpg" class="lightbox"> <img src="thumb-1.jpg" alt="small"> </div> <div data-big="2.jpg" class="lightbox"> <img src="thumb-2.jpg" alt="small"> </div> <div data-big="3.jpg" class="lightbox"> <img src="thumb-3.jpg" alt="small"> </div>
Agregue los archivos lghtbox. CSS y ghtbox. CSS requeridos a la Página Web.
<link href="lightbox.css" rel="stylesheet"> <script src="lightbox.js"></script>
Inicialice la caja de luz y ya terminamos.
document.addEventListener("DOMContentLoaded", function() {
var init = new lightBox();
});
