Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
examples
src
LICENSE
README.md

README.md

TJ gallery

Plugin for jquery. Plugin's page

TJ Gallery
Demo1
Demo2

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