Best jQuery Gallery Plugins & Tutorials with Demo

    Diamonds.js : jQuery Diamond layout Image Gallery

    Diamonds.js : jQuery Diamond layout Image Gallery

    Tired of straight grids where everything is vertically and horizontally aligned? Why not tilt everything by 45 degrees? This jQuery plugin lets you easily do just that!

    Features:

    • Auto resizes
    • No images, all css
    • AMD aware plugin
    • Test coverage!

    jQuery Multi Purpose Media Boxes – Responsive Grid

    jQuery Multi Purpose Media Boxes - Responsive Grid

    This is a HTML | CSS | JQuery Fully Responsive Portfolio in a pinterest style with a lightbox. It will adapt to the width of its container so you can put it anywhere and you can put anything inside the boxes. Also you don’t have to load all the images at once (for performance purposes) so you can specify the number of images to load when it first load and the number of images to load when you click the “load more images” button.
    The navigation filter bar is generated automatically from the categories you specify to each image.

    Features:

    • Fully responsive grid and lightbox
    • Lazy Load Feature
    • The Lightbox Support images and iframes of any dimensions and it will keep the right proportions
    • The filter navigation bar is generated automatically from the categories you specify to each thumbnail
    • Set the number of images to load at start and when you click the “load more images” button
    • Support thumbnails for the grid only to the images you want to improve performance
    • Fully Responsive Grid and Lightbox
    • Full width, the grid will adapt to the 100% of its container if you set the width of each column to ‘auto’
    • You can specify a static width for each column or specify number of columns
    • When specifying the number of columns you can set the minimum width for each column
    • CSS3 Effects
    • Direction aware hover effect
    • Lightbox with slideshow (play, pause, auto-play)
    • Easy implementation
    • Compatible with Twitter Bootstrap

    jQuery Responsive Portfolio Gallery

    jQuery Responsive Portfolio Gallery

    Responsive Fully Customizable jQuery Portfolio Gallery. Image preloading

    Regal Media Gallery with jQuery & CSS3

    Regal Media Gallery with jQuery & CSS3

    A complete media gallery, with both, images and video. It obtains automatically the image thumbnail for videos, has a nice metro taste user interface. 2 categories levels for organize images and video, 2 views types, mosaic and column view. Include CSS3 animations, drag and drop functionality, theme picker, zoom and has a responsive design.

    jGallery : jQuery photo gallery with albums and preloader

    jGallery : jQuery photo gallery with albums and preloader

    FREE jQuery photo gallery with albums and preloader.

    Features:

    • 41 configuration parameters
    • 43 transition effects
    • Unlimited scalability
    • Use modern technology
    • Compatible with all major browsers
    • Retina friendly
    • FREE for commercial use

    jQuery Stretch Gallery with XML

    jQuery Stretch Gallery with XML

    Stretch Gallery is a XML Canvas Gallery that allows you to create a nice portfolio gallery with some nice effects and customization settings.

    nanoGALLERY : jQuery Image Gallery Plugin

    nanoGALLERY : jQuery Image Gallery Plugin

    Image gallery for jQuery. Powerful and easy to use image gallery with support for pulling in Flickr and Picasa/Google+ photo albums as well. Mobile-friendly and responsive. Smooth in/out transitions. Images are shown as clickable thumbnails, which will expand to full view via a modal popup window. Support custom themes.

    Features:

    • Display image gallery
    • Easy to setup and customizable
    • Responsive layout – mobile friendly
    • Smooth in/out transition
    • Display image captions and descriptions
    • Breadcrumb for easy navigation in photo albums
    • Ignore undesired albums or photosets (by keyword blacklisting)
    • Multiple galleries on one page
    • Delivered with multiple themes – Support custom themes
    • Supported image sources :
      • list of images
      • Flickr account
      • Picasa/Google+ account

    Shuffle.js : jQuery Shuffle Plugin

    Shuffle.js : jQuery Shuffle Plugin

    The Shuffle.js plugin that helps in categorizing, sorting, and filtering a responsive grid of items  and laying out a group of items. Besides other cool features its a performant, responsive, and fast plugin.

    This is a large improvement to shuffle. Most notably, the ability for masonry layouts. Other additions include adding/removing items, enabling/disabling, multiple instances on a page, and more!

    Albumize : jQuery plugin to manage Collection of Images

    Albumize : jQuery plugin to manage Collection of Images

    Albumize is a jQuery plugin that lets you manage collection of images in the web page as albums. With albumize, you can browse albums, add cover image to albums and switch between albums.

    jQuery FullScreen Background / Gallery – Image and Video

    jQuery FullScreen Background / Gallery - Image and Video

    This jQuery plugin can be used as Full Screen Multimedia Background, Full Screen Multimedia Gallery and Full Width Multimedia Slider with both Image and Video.

    Features:

    • Over 40 js options from where you can customize the plugin.
    • The plugin is fully responsive, including images and texts and will adapt the browser/device resolution.
    • It is compatible with IOS and Android operating systems.
    • Animated text from any direction: top, bottom, left and right, CSS and HTML formated.
    • Parameters for color, dimensions & transparency.