🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL


Documentation

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.


You May Also Like