Responsive & lightbox personalizable de imagen con Pure JS

Tiempo de ejecución: 30 minutos. Empezar

Autor:
Views Total: 2,214
Sitio oficial: Ir a la web
Actualizado: June 9, 2017
Licencia: MIT

Vista prévia

Responsive & lightbox personalizable de imagen con Pure JS

Descripción

Una biblioteca de lightbox JS pequeña e independiente que le permite mostrar imágenes grandes en una ventana emergente totalmente adaptable y personalizable.

Funcionamiento

Agregue el lightbox. CSS en la sección Head y el lightbox. js en la parte inferior del documento.

<link rel="stylesheet" href="css/lightbox.css">
<script src="js/lightbox.js"></script>

Inserte una imagen/miniatura en el documento y utilice el atributo Data-jslghtbx para especificar la versión grande de la imagen que desea mostrar en el lightbox.

<img class="jslghtbx-thmb" src="small.jpg" alt="" data-jslghtbx="ibig.jpg">

Inicialice la caja de luz y ya terminamos.

var lightbox = new Lightbox();
lightbox.load();

Registro de cambios

06/09/2017

  • v0.5.6

Te puede interesar: