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="https://github.com/iekadou/jquery-justifyGallery/raw/master/js/jquery.justifyGallery.js></script>

2. code your gallery with markup like this

   <div class="gallery">
   <a href="https://github.com/iekadou/jquery-justifyGallery/blob/master/path/to/img1.jpg">
     <img src="https://github.com/iekadou/jquery-justifyGallery/raw/master/path/to/thumb1.jpg" alt="thumb1">
   </a>
   <a href="https://github.com/iekadou/jquery-justifyGallery/blob/master/path/to/img2.jpg">
     <img src="https://github.com/iekadou/jquery-justifyGallery/raw/master/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.