jquery-justifyGallery

A jQuery plugin to justify your Gallery.

Demo

Demo of only jquery-justifyGallery

• http://www.iekadou.com/programming/jquery-justifygallery/

Demo of jquery-justifyGallery and bootstrap-gallery

• http://www.iekadou.com/photography/

Installation

• Download the latest release: v0.0.4

Usage

1. include jquery.justifyGallery.js

js:

<script type="text/javascript" src="js/jquery.justifyGallery.js></script>

2. code your gallery with markup like this

<div class="gallery">
  <a href="/path/to/img1.jpg">
    <img src="/path/to/thumb1.jpg" alt="thumb1">
  </a>
  <a href="/path/to/img2.jpg">
    <img src="/path/to/thumb2.jpg" alt="thumb1">
  </a>
</div>

3. activate the plugin on the gallery container

$('.gallery').justifyGallery();

Settings

default values

JustifyGallery.defaults = {
'maxRowHeight': '300px',
'spacing': 2,
'resizeCSS': {'min-width': '0',
              'min-height': '0',
              'height': 'auto',
              'width': 'auto',
              'max-width': 'none',
              'max-height': 'none'}
};

Copyright and license

Copyright 2014 Jonas Braun under MIT license.