Justified Gallery Elegant, Fast, Endless.


What's your destination?
Just in a dream Place
Truthful Innocence
Simply my Brother
Freedom
Maybe spring
Love
Young Lovers' Wall and the Old Rain
These are the colors I love
The Hope
Florence streets. Florence people.
I Love You
The painter in Florence
Me and My Belover
Fiocco
My first clothespin

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.



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. Up to six thumbnails to always guarantee the best quality of your images.

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 to 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.


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

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>

Just a Call

Now, you only need to call the plugin that will justify all the images, with the default options.

$("#mygallery").justifiedGallery();

Start to learn how to use the plugin better starting from the getting started tutorial.


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.
  • Donate! I will be more motivated to implement your requested features.


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