This is a JQuery plugin that allows you to create an high quality justified gallery of images. Fill all the spaces!
A common problem, for people who create sites, is to create an elegant image gallery that manages the various sizes of images. Flickr and Google+ manage this situation in an excellent way, the purpose of this plugin is to give you the power of these solutions, with a new fast algorithm.
bower install Justified-Gallery
An advanced algorithm to justify your images without cropping them.
Ready to realize an infinite wall of images. Append the images to your gallery and only notify that to Justified Gallery.
Ready for any device and screen resolution. Up to six thumbnails to always guarantee the best quality of your images.
Use existing lightboxes such as Colorbox or Swipebox.
A lot of options to build the gallery you want.
Fully configurable awesome captions to your images.
The gallery resizes itself as the browser.
Born to be fast, with a smart thumbnails load.
Manage the server errors skipping the temporarily unavailable images, and notifying that just only in the console.
Justified Gallery accepts a standard format for a gallery: a series of links with a thumbnail inside, where each link leads to the original image.
<div id="mygallery" > <a href="path/to/myimage1_original.jpg"> <img alt="Title 1" src="path/to/myimage1_t.jpg"/> </a> <a href="path/to/myimage2_original.jpg"> <img alt="Title 2" src="path/to/myimage2_t.jpg"/> </a> <!-- other images... --> </div>
If you don't need links on photos, or if you want the links only in your captions, you can also use
<div> instead of
<div id="mygallery"> <div> <img alt="Title 1" src="path/to/myimage1_t.jpg"/> </div> <div> <img alt="Title 2" src="path/to/myimage2_t.jpg"/> </div> <!-- other images... --> </div>
The plugin only needs JQuery. Then you have only to include the Justified Gallery's files as the following:
<link rel="stylesheet" href="css/justifiedGallery.css" /> <script src="js/jquery.justifiedGallery.js"></script>
Now, you only need to call the plugin that will justify all the images, with the default options.
Start to learn how to use the plugin better starting from the getting started tutorial.
This is an open source project, and I don't earn anything from it. You can help the project to grow in various way:
If you have any issue, please send me your question to the github issues page. In this page you can find your answers. If you don't have a github account, and if you don't want, write me an email at