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

TJ gallery is a jQuery photo gallery plugin which resizes and arranges your images with different sizes in a responsive, justified grid layout.

grid-layout photo-gallery image-grid

Documentation

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


You May Also Like