Elastic Grid | JQuery Responsive Portfolio Plugin

Demo HTML Markup View Respponsive Layouts Credits Download

Intro

jQuery Elastic Grid is a lightweight, easy to use gallery jquery plugin script inspired by Google Image Search with support for .PNG, .JPG and .GIF image files. It uses a thumbnail grid with expanding preview for displaying your images. It is also fully HTML5 and CSS3 compliant.

Demo

HTML markup Output below

» Output


Note: You can also embed youtube or vimeo into the grid. View responsive layout to find out more.

Responsive Layouts

+ Mobile portrait (320x480)
+ Mobile landscape (480x320)
+ Small tablet portrait (600x800)
+ Small tablet landscape (800x600)
+ Tablet portrait (768x1024)
+ Tablet landscape (1024x768)

Credits

Clearfix hack by Nicolas Gallagher

Scroll effect by @hakimel

Classie - class helper functions by bonzo

Direction Aware Hover by Codrops

Thumbnail Grid with Expanding Preview by Codrops

Elastislide by Codrops

 

Download

Created by Vu Khanh Truong - bonchen.net