🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A small grid gallery jQuery plugin to generate a responsive, justified grid layout for showcasing your photos in an elegant way.

gallery-lightbox thumbnail-gallery

Documentation

grid-gallery

A simple and light Grid Gallery

Demo

https://jestov.com/grid-gallery/

Usage

  1. Add a link to the css file in your <head>:
<link rel="stylesheet" type="text/css" href="css/grid-gallery.css"/> // Or for the minified file, add this: <link rel="stylesheet" type="text/css" href="css/grid-gallery.min.css"/>
  1. On your <body> tag add:
<div id="gg-screen" hidden></div> <div class="gg-box">   <img src="img/your-image-1.jpg">   <img src="img/your-image-2.jpg">   <img src="img/your-image-3.jpg">   <img src="img/your-image-n.jpg"> </div>
  1. Before your closing <body> tag add:
<script type="text/javascript" src="js/grid-gallery.js"></script> // Or for the minified file, add this: <script type="text/javascript" src="js/grid-gallery.min.js"></script>

Credits

All images from Unsplash


You May Also Like