6 Galerías de imágenes para tu sitio web
¿Necesitás una galería para el diseño de tu web? Te mostramos 6 con CSS, HTML y JS
1 – Galería por Adnene Manai
En esta galería encontramos con 5 imágenes principales que sirven como “categoría” de cada una de las galerías. Al pasar el puntero sobre la imagen, la misma se ensancha.
Luego al hacer click en ella, podemos ver todas las imágenes que componen la galería de la imagen pulsada. Cada una de las imágenes se muestran en una galería tipo lightbox.
Si bien el código se puede mejorar bastante es muy bueno para iniciar.
2 – Galería con Bootstrap, Modal y carrusel
El funcionamiento es bastante similar al de la galería anterior. Contiene menos efectos visuales, pero la programación de la galería funciona muy bien.
Al hacer click en cada una de las imágenes, se despliega un modal con la posibilidad de ir pasando las imágenes incluidas en cada galería.
3 – Galería Lightbox
Simple script en el cual mostramos una grilla de imágenes, que al hacer click en cada una de ella se despliegan con un lightbox.
Ideal para diseño web simple, en sitios webs estáticos que no requieran demasiada complejidad. Cabe destacar que también es responsive.
4 – Galería por Katherine Kato
Hermosa galería en la que encontramos un diseño responsivo y con una grilla que nos permite otorgarle un diseño moderno a nuestra galería y por lo tanto a nuestro diseño web.
Las imágenes cuentan con un tooltip en cada una de ellas (salvo en la versión responsive) y un pequeño zoom al poner el cursor sobre cada imagen.
5 – Galería para portfolio
Muy buena galería, ideal para poner un portfolio en nuestro sitio web.
Al clickear sobre cada imagen la misma se ubica a la derecha y a la izquierda podemos ver el texto que acompaña a la imagen. Ideal para productos, portfolios de trabajos, etc.
6 – Magnific Gallery V2
Para el final dejamos la más completa.
Excelente galería de imágenes creada por Michal Niewitala.
En cada imagen se puede incluir una descripción, pero lo más interesante ocurre al hacerle click a la imagen.
Al hacerlo, contamos con la posibilidad de hacerle zoom a la imagen, verla en pantalla completa y compartirla en redes sociales!
Ideal para cualquier tipo de trabajo, una galería muy completa pero con bastante código.
Ya no quedan más excusas para que el diseño web de tu página no tenga una galería de imágenes.