Es un pluging creado con javascript vanilla que te permite realizar una hermosa galería de imágenes, ademas darles tamaño y zoom, tan solo agregando la clase adecuada.
Puede instalar picturegall de tres formas:
$ npm install --save picturegall
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/index.js"></script>
Puede ver un ejemplo el uso de esta libreria picturegall
Para usar picturegall debe enlazar el script con el CDN en el index de su proyecto al final de la etiqueta body. Debe colocar las imagenes con las que desee hacer su galeria dentro de un div con la clase gallery esta hara que automaticamente sus imagenes se ordenen en cuadricula.
Las clases img-xs img-s img-m img-l img-xl, se le pueden dar distintos dimensiones a sus imagenes, solo agregue estas clases dentro de la etiqueta img.
Si desea agregar efecto a su imagen debe agregar a la misma clase imgZoom.
Es importante seguir el orden para que su galeria sea optima como se muestra en el demo. Tambien puede hacer un pequeño cambio de columnas estan predefinidas con 3 pero usted puede utilizarlas como lo desee. el zoom se aplicara inmediatamente despues de agregar las imagenes al html llamando al la funcion.
Y listo ya temenos nuestra galeria!
Este proyecto esta licenciado bajo la licencia MIT.