Justified Gallery Elegant, Professional, Endless.
Justified Gallery is a JavaScript library that allows you to create an high quality justified gallery of images.
This is a common problem for people who create websites: you have a series of images to display, but you are not sure how to arrange them in an elegant way. Important websites such as 500px, Flickr, or Google display images in an excellent way, justifying them similarly to brick wall. Justified Gallery will give you the power to do that too.
Justified Gallery is a professional and open source library that even 500px, one of the best photography social network, chose for displaying their images!
Download
Install
yarn add justifiedGalleryHow to use it
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_thumbnail.jpg"/>
</a>
<a href="path/to/myimage2_original.jpg">
<img alt="Title 2" src="path/to/myimage2_thumbnail.jpg"/>
</a>
<!-- other images... -->
</div>
Justified Gallery also accepts other input formats, to better fits your needs.
Files to include
This library only needs JQuery in order to work even with (not so older) browsers. Then you only have to include the Justified Gallery's files as the following:
<link rel="stylesheet" href="css/justifiedGallery.css" />
<script src="js/jquery.justifiedGallery.js"></script>
Just a Call
Now, you only need to call the plugin that will justify all the images. In this case we use the default options.
$("#mygallery").justifiedGallery();
Start to learn how to use Justified Gallery starting from the getting started tutorial.
Features
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. Justify Gallery is clever enough to load (or reload) the right thumbnail sizes.
Filter, sort, randomize, add or remove the images. Do what you want with the gallery, even after it has been created.
Use existing lightboxes such as Colorbox or Swipebox.
The gallery resizes itself as the browser.
Manage the server errors skipping the temporarily unavailable images, and notifying that just only in the console.
Who uses it?
500px
One of the biggest photography social network with millions of users.
Flickr Justified Gallery for Wordpress
Plugin that allows you to show your Flickr photostream, photosets, galleries, group pools, or tags in your blog, with a very elegant and awesome layout.
Fotoarabia.com
Royalty-free Middle Eastern & Arabic themed images.
ACF Justified Image Grid Addon
Wordpress plugin to create justified galleries
FooGallery Plugin for Wordpress
The Most Intuitive and Extensible Gallery Creation and Management Tool Ever Created for WordPress.
Help the project!
This is an open source project, and I don't earn anything from it. You can help the project to grow in various way:
- Talking about it (in blogs, social network, etc.)
- Writing your personal features, and making a pull request, as someone did. If you want to do this, go to the github project page.
- Adding me on LinkedIn (Miro Mannino) to endorse me some skills, to leave me a positive comment, or just to connect each other in case of future projects together.
- Donating:
Any Issue?
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