Best jQuery Gallery Plugins & Tutorials with Demo

    GalleryModule : Html5 CSS3 & jQuery Single Page Gallery

    GalleryModule : Html5 CSS3 & jQuery Single Page Gallery

    GalleryModule : Html5 CSS3 & jQuery Single Page Gallery.

    Scattered Polaroids Gallery with JavaScript & CSS3

    Scattered Polaroids Gallery with JavaScript & CSS3

    A flat-style Polaroid gallery where the items are scattered randomly in a container. When a specific item is selected, it will move to the middle while the other Polaroids will make space for it by moving to the sides. Optionally, an item can have a backface which will be shown by flipping the Polaroid when clicking on the current navigation dot again.

    Responsive HTML5 gallery tutorial with CSS3

    Responsive HTML5 gallery tutorial with CSS3

    Responsive HTML5 image gallery tutorial. CSS3 acceleration.

    Features:

    • Responsivity: adjust layout and behaviour
    • Touch event handling
    • Fastclicks without 300ms click delay
    • CSS3 accelerations
    • SPA architecture
    • Scalable graphics via icon font
    • Client side local storage

    ZoomScript – Touch-Enabled jQuery Image Gallery

    ZoomScript - Touch-Enabled jQuery Image Gallery

    ZoomScript allows you to view your web gallery on any mobile device as in native photo app. You can browse photos by swiping your finger on the touchscreen. It works in both modes portrait and landscape. We have also added an extra thumbnail bar which will show after tap on the screen.

    Features:

    • Touch control
    • Responsive
    • Gestures, mousewheel, arrow keys
    • Cross browser compatibility
    • Direct image linking
    • Smart image preloading
    • I18N support

    Metro – jQuery WordPress Grid Portfolio

    Metro - jQuery WordPress Grid Portfolio

    METRO – WordPress Grid Portfolio, a WordPress Plugin that shows your portfolio in an interactive way. You can display a single gallery, all galleries within a category and all galleries from multiple categories. Additionally, the plugin supports: Custom image size (percent), Custom link, Video, SoundCloud, Metro UI item, Unlimited colors and much more.

    Features:

    • Fully responsive
    • Load more (unlimited items)
    • Video support
    • SoundCloud support
    • Custom link
    • Metro Item
    • Unlimited colors
    • Smart hover color
    • Initial load number
    • Max Load more number
    • Easy drag and drop admin
    • Filterable portfolio
    • Display: One gallery, One Category, Multiple categories
    • Key navigation for the lightbox (Left/Right arrow and Esc)

    least.js : jQuery, HTML 5 & CSS3 Gallery with LazyLoad

    least.js : jQuery, HTML 5 & CSS3 Gallery with LazyLoad

    least.js is a Random and Responsive jQuery, HTML 5 & CSS3 Gallery with LazyLoad.

    Klax – jQuery Responsive Team, Portfolio, Products Grid

    Klax - jQuery Responsive Team, Portfolio, Products Grid

    Display your work, team members, portfolio or anything else in an amazing and creative way. Klax is a multi-functional jQuery plugin that displays your content within the web page and offers everything that you will ever need to present your items to a client. You can set the number of items that display on a page and create your own design with this team member, portfolio JS plugin.

    Build a Responsive, Filterable Portfolio, with CSS3 Twists

    Build a Responsive, Filterable Portfolio, with CSS3 Twists

    The inherent visual appeal of filterable portfolios (like the Tuts+ hub) has made them very popular. Today, we’ll be making one using straight-forward markup, CSS3 and a little bit of jQuery.

    Colio : jQuery Portfolio Content Expander Plugin

    Colio : jQuery Portfolio Content Expander Plugin

    Colio plugin will help you display details about your portfolio items in form of expandable viewport that can be placed above, below or inside your portfolio grid. This is great plugin for one-page and multipage sites, where you have to use space efficiently.

    Features:

    • Responsive
    • Mobile optimized
    • Includes black and white theme
    • Different placement options & dynamic inside placement
    • Inline or AJAX content
    • Content filters and callbacks
    • Easy integration in existing portfolio
    • Compatible with isotope and quicksand plugins
    • Autoscroll to view
    • Retina-ready navigation
    • Valid markup
    • JSHint compliant code

    WordPress Awesome Gallery with jQuery

    Wordpress Awesome Gallery with jQuery

    Lots of galleries are available for WordPress, but Awesome Gallery is special. First of all, it supports 3 layout modes:

    Features:

    • Top priority – easy to use admin interface. No tech skills and rocket science required, just follow step by step instructions.
    • 3 layout modes – horizontal flow, vertical flow and classic grid.
    • 7 image sources. All most popular services included and counting
    • 10 style presets
    • Custom styling support
    • Load more / Infinite scroll support + easily handles hundreds of images.
    • Built-in lightbox
    • Unique builtin support
    • Responsive and Retina-ready