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.