Pure JavaScript Image lightbox-ZBOX. js
| Autor: | lenonmauer |
|---|---|
| Views Total: | 2,050 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 12, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
ZBOX. js es una sencilla biblioteca de JavaScript ligera que se utiliza para mostrar imágenes en la parte superior de su página web como la lightbox familiar.
Funcionamiento
Agregue ZBOX. js a la Página Web.
<script src="zbox.js"></script>
Añade una imagen en tu página web.
<img src="1.jpg">
O cree un enlace apuntando a su imagen.
<a href="1.jpg"/>Image Link</a>
Habilite el lightbox de la imagen.
var a;
document.addEventListener("DOMContentLoaded", function(event) {
a = new Zbox({
/* Init zbox when constructor is called. */
autoInit
: true,
/* overlay click close the modal. */
overlayClick
: true,
/* Time in ms for fade effect. */
fadeTime
: 120,
loading
: "Loading image message",
/* Elements to apply zbox. */
querySelector
: "img, a",
});
}); Registro de cambios
07/12/2018
- animación de fundido ahora está utilizando requestAnimationFrame
