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!



How 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

Don't Miss a Pixel

An advanced algorithm to justify your images without cropping them.

Infinite scroll ready

Ready to realize an infinite wall of images. Append the images to your gallery and only notify that to Justified Gallery.

High Quality

Ready for any device and screen resolution. Justify Gallery is clever enough to load (or reload) the right thumbnail sizes.

Dynamic gallery

Filter, sort, randomize, add or remove the images. Do what you want with the gallery, even after it has been created.

Easy Lightboxes Integration

Use existing lightboxes such as Colorbox or Swipebox.

Highly Configurable

A lot of options to build the gallery you want.

Captions

Fully configurable awesome captions for your images.

Responsiveness

The gallery resizes itself as the browser.

Fast by Design

Born to be fast, with a smart thumbnails load.

Silent Error Handling

Manage the server errors skipping the temporarily unavailable images, and notifying that just only in the console.


Who uses it?

Some example of uses of this plugin
Send me an email if you would to add your site in the showcase.

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