A jQuery plugin to justify your Gallery.
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE
README.md
jquery.justifyGallery.js
jquery.justifyGallery.min.js

README.md

jquery-justifyGallery

A jQuery plugin to justify your Gallery.

Demo

Demo of only jquery-justifyGallery

Demo of jquery-justifyGallery and bootstrap-gallery

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