Galería de fotos responsive & lightbox-FG-Gallery
| Autor: | woody180 |
|---|---|
| Views Total: | 691 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 21, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
FG-Gallery es una biblioteca de Galería JavaScript ligera, fácil de usar y adaptable, donde los usuarios pueden explorar todas las imágenes en una ventana emergente de lightbox con navegación de flechas.
Funcionamiento
Inserte el código JavaScript y la hoja de estilos de FG-Gallery en el documento.
<link rel="stylesheet" href="css/gallery.css"> <script src="js/gallery.js"></script>
Inserte sus imágenes en la galería.
<div class="fg-gallery"> <img src="images/1.jpg" alt=""> <img src="images/2.jpg" alt=""> <img src="images/3.jpg" alt=""> <img src="images/4.jpg" alt=""> <img src="images/5.jpg" alt=""> <img src="images/6.jpg" alt=""> <img src="images/7.jpg" alt=""> <img src="images/8.jpg" alt=""> </div>
Inicializa la galería, establece el número de columnas y aplica tus propios estilos CSS de la siguiente manera:
var myGallery = new FgGallery('.fg-gallery', {
cols: 4,
style: {
border: '10px solid #fff',
height: '180px',
boxShadow: '0 2px 10px -5px #000'
}
})
