TJ gallery
Plugin for jquery. Plugin's page
Installation
<script src="js/jquery.min.js"></script> <script src="js/jquery-tjgallery.min.js"></script>
HTML
<div class="pictures"> <img src="images/i_1.jpg" alt="" /> <img src="images/i_2.jpg" alt="" /> <img src="images/i_3.jpg" alt="" /> <img src="images/i_4.jpg" alt="" /> <img src="images/i_5.jpg" alt="" /> <img src="images/i_6.jpg" alt="" /> <img src="images/i_7.jpg" alt="" /> <img src="images/i_8.jpg" alt="" /> <img src="images/i_9.jpg" alt="" /> <img src="images/i_10.jpg" alt="" /> </div>
JS
$(document).ready(function(){ /* Waiting for the pictures to load */ $(window).load(function(){ $('.pictures').tjGallery(); }) });
Options
selector
type: string
Default: 'img'
Block selector
row_min_height
type: integer
Default: 180
Min height for block's line
margin
type: integer
Default: 5
Margin between blocks
Methods
clear
clear grid
destroy
destroy grid