Simple and Light Grid Gallery With Lightbox Support – grid-gallery

jquery-image-gallery

Today I am going to share a small grid gallery jQuery plugin to generate a responsive, justified grid layout for showcasing your photos as portfolio. While Click on any of these images will display a gallery lightbox where the visitors can see the larger part of image and able to navigate between images by clicking navigation arrows.
jquery-image-gallery

Libraries

Add a link to the css and js minified library in your :

<link rel="stylesheet" type="text/css" href="css/grid-gallery.min.css"/>
>
>

HTML

Create an empty element for the gallery lightbox.

Insert your own images to the grid gallery as follows

="gg-box">
="gg-element"> ="img/your-image-1.jpg">
>
="gg-element"> ="img/your-image-2.jpg">
>
="gg-element"> ="img/your-image-3.jpg">
>
="gg-element"> ="img/your-image-n.jpg">
>
>

See live demo and download source code.

This awesome plugin is developed by jestov. Visit their official github repository for more information and follow for future updates.

Leave a Reply

Your email address will not be published. Required fields are marked *

Top