Elegante Galería de imágenes/Slider/biblioteca de carrusel-LGallery
| Autor: | mopcweb |
|---|---|
| Views Total: | 583 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 4, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
LGallery es una biblioteca de JavaScript multiusos para ayudar a los desarrolladores a crear galerías adaptables, móviles, deslizadores, carruseles y Lightboxes para imágenes.
Funcionamiento
Importe los archivos JavaScript y CSS de LGallery en el documento.
<link rel="stylesheet" href="/path/to/lgallery.min.css"> <script src="/path/to/lgallery.min.js"></script>
Inicializa la librería y estamos listos para irnos.
initLG()
Crear un Galería lightbox donde los usuarios son capaces de cambiar entre las imágenes en un lightbox Popup.
<div class="example" data-lgallery="1.jpg,2.jpg,3.jpg"></div>
<!-- OR --> <div class="example" data-lgparent"> <div> <img src="1.jpg"> <span>Image 1</span> </div> <div> <img src="2.jpg"> <span>Image 2</span> </div> <div> <img src="3.jpg"> <span>Image 3</span> </div> </div>
Cree un control deslizante de imagen normal.
<div class="example" data-lgslider="1.jpg,2.jpg,3.jpg"></div>
Cree un deslizador con previsualizaciones de imagen.
<div class="example" data-lgpreview="1.jpg,2.jpg,3.jpg"></div>
Cree un carrusel que le permita mostrar varias imágenes en una diapositiva.
<div class="example" data-lgcarusel="1.jpg,2.jpg,3.jpg"></div>
Registro de cambios
12/04/2018
- corregir CSS & HTML bugs
