Best jQuery Gallery Plugins & Tutorials with Demo

    3D Folding Panel with CSS3 & jQuery

    3D Folding Panel with CSS3 & jQuery

    A secondary content panel that folds flat, powered by CSS Transformations and jQuery.

    imGrid : jQuery Media Grid Responsive Gallery

    imGrid : jQuery Media Grid Responsive Gallery

    This is a JQuery plugin that allows you to create an high quality justified gallery of images.

    • Four layout types: Square, fluid, masonry and fit
    • 20+ hover effects: imGrid bring packaged over 20+ hover effects that can be used on any website
    • 25+ Animations
    • Filtering
    • Lightbox
    • Dinamic loading
    • Fully responsive

    Gridder.js : jQuery Thumbnail Grid Expanding Gallery

    Gridder.js : jQuery Thumbnail Grid Expanding Gallery

    A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images.It’s a very nice effect and practical, allowing you quickly see more details without having to reload a new page.The idea is to open a preview when clicking on a thumbnail and to show a larger image and some other content like a title, a description and a link.

    • Multiple instances
    • Really easy to use and customize
    • Expanding preview with details
    • Smooth Scrolling
    • Callbacks (so you can launch other plugins)

    fbPhotoStream : jQuery plugin to pull Facebook Photos

    fbPhotoStream : jQuery plugin to pull Facebook Photos

    fbPhotoStream is a simple, light-weight jQuery plugin that allows you to display Facebook photos from a public album. Just set the album id, and the rest is optional.

    It has a a few design options like grid, collage, or circle mode, but you can customize the look to match your needs by adding your own CSS. You can pass several formatting options including width, height, etc., as well as setting whether you want to show captions or link back to Facebook

    Facebook Album Browser with jQuery

    Facebook Album Browser with jQuery

    Reponsive jQuery plugin for browsing public albums of a Facebook account. Plugin is suitable for both desktop and mobile websites.

    The main purpose of this plugin is to enable to embed and customize phot albums in your website without being limited with Facebook styling. It also allows you to use it as picker as it raises events for clicked album/photo.

    Eco-Scroll.js : jQuery Scroll plugin

    Eco-Scroll.js : jQuery Scroll plugin

    Eco-friendly jQuery scroll plugin with inifinite possibilities.

    jQuery Nice Gallery – Flickr

    jQuery Nice Gallery – Flickr

    jQuery Nice Gallery plugin for Flickr. Today, we present you unique script of Gallery – if you have photos on Flickr then probably the plugin will be good choose for you. The script is compatible with new Flickr API that gives 1 TB disc space for your photos, so this is fantastic place to sharing your passion or portfolio. The gallery have built-in pretty LightBox – new version of ViewBox – it has high spectrum of possibilities. All components have Flat style which gives a nice and original look. The amazing jQuery Plugin is for free.

    Flow Gallery : jQuery HTML5 Multimedia Gallery

    Flow Gallery : jQuery HTML5 Multimedia Gallery

    Flow Gallery is a jQuery plugin based HTML5 multimedia gallery enabling you to showcase your photos/audio/video in a modern and sleek interface. You have the option of presenting your items in in either columns or rows type grid. Along with photos you can choose to display your own self-hosted audio/video files or videos from Youtube/Vimeo/Dailymotion. The gallery features a fully responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. The gallery is also optimized for retina and touch screens and provides the feel of a native app.

    jMosaic : jQuery Plugin for align elements in Mosaic Grid

    jMosaic : jQuery Plugin for align elements in Mosaic Grid

    A lightweight jQuery plugin that can take a list of page elements and arrange them in a beautiful, tight-fitted tile mosaic grid.

    The proportions of the elements don’t change. As the elements can be used: img, div, li etc.

    jQuery Rotated Gallery with CSS3

    jQuery Rotated Gallery with CSS3

    Today i will teach you how to create a tilted gallery using jQuery and using the CSS3 transform property. Each gallery features controls and popup for each picture.
    This tutorial is best suited for portfolio galleries or for creating a professional photo gallery. This tutorial is made so that it will work with unlimited number of sliders, photos and on any screen size.