jquery-justifyGallery

A jQuery plugin to justify your Gallery.

Demo of jquery-justifyGallery and bootstrap-gallery

Installation

  • Download the latest release: v0.0.4

Usage

  1. include jquery.justifyGallery.js

    js: html <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'
    }
};