Biblioteca lightbox de imagen adaptable de JavaScript de Vanilla-Avalonbox

Tiempo de ejecución: 30 minutos. Empezar

Autor: nefla
Views Total: 2,774
Sitio oficial: Ir a la web
Actualizado: September 14, 2018
Licencia: MIT

Vista prévia

Biblioteca lightbox de imagen adaptable de JavaScript de Vanilla-Avalonbox

Descripción

Avalonbox es una sencilla pero robusta librería lightbox de imagen que soporta el modo lightbox de galería a pantalla completa e imágenes arbitrarias con diferentes proporciones de aspecto.

¿Cómo funciona?

Para usar esta biblioteca, primero debe cargar los siguientes archivos en su proyecto Web.

<link rel="stylesheet" href="avalonbox.css">
<script src="avalonbox.jss"></script>

Y luego inserte la imagen (s) en un contenedor DIV como sigue:

<div id="image-gallery" class="gallery">


<a href="1.jpg">


<img src="thumb_1.jpg" />

</a>


<a href="2.jpg">


<img src="thumb_2.jpg" />

</a>


<a href="3.jpg">


<img src="thumb_3.jpg" />

</a>


...

</div>

Registro de cambios

09/14/2018

  • actualizar

Te puede interesar: