Best jQuery Gallery Plugins & Tutorials with Demo

    jQuery lightGallery Plugin

    jQuery lightGallery Plugin

    jQuery lightGallery is a lightweight jQuery lightbox gallery for displaying image and video gallery.

    Features:

    • Responsive layout.
    • Touch support for mobile devices.
    • CSS transitions with jQuery fallback.
    • Youtube Vimeo Video Support.
    • Slide and Fade Effects.
    • Chrome, Safari, Firefox, Opera, IE7+, IOS, Android, windows phone.
    • Image captions and descriptions.
    • Multiple sliders on the same page.
    • Easily customizable via CSS and Settings.
    • Lightweight (8kb) (minified).
    • Thumbnail support.
    • Separate images for mobile devices
    • Can be extended with callbacks
    • Smart image preloading and code optimization
    • Keyboard Navigation for desktop
    • Font icon support

    CSS3 3D Grid Effect

    CSS3 3D Grid Effect

    Today we’d like to share a little animation concept with you. It’s the recreation of an effect we spotted in this fantastic prototype app by Marcus Eckert. The idea is to rotate a grid item in 3D, expand it into fullscreen and reveal some content. For our attempt to imitate the app behavior, we created two demos. In the first one we rotate the grid item vertically and in the second one horizontally.

    bootFolio – jQuery Most Lightweight Portfolio Filtering

    bootFolio - jQuery Most Lightweight Portfolio Filtering

    bootFolio is the most lightweight (1.59KB) portfolio filtering jQuery script with css3 animation. it is highly optimize for bootstrap, and very easy to use.

    Features:

    • World most lightweight script for portfolio filtering (1.59KB)
    • Pure CSS3 transition, transform and animation
    • PrettyPhoto integrations
    • Very easy to use
    • Highly optimize for/with Bootstrap
    • Responsive/fluid/elastic supported

    Google Grid Gallery with CSS3 & JavaScript

    Google Grid Gallery with CSS3 & JavaScript

    A responsive Masonry grid with a gallery view using 3D Transforms. Based on the gallery seen on the Chromebook Getting Started guide by Google.

    This Blueprint is a responsive grid gallery based on the gallery by Google for the Chromebook Getting Started guide. In this Blueprint we use Masonry for the grid and 3D transforms for navigating the items. For smaller screens we have some example media queries that adjust the grid layout and also the gallery view.

    500px Gallery – jQuery WordPress plugin

    500px Gallery - jQuery Wordpress plugin

    Display easily your photos from 500px on your website with this simple to use and responsive plugin for WordPress. Display your photos from 500px or a selection of photo streams from 500px ( popular photos, fresh photos… ) with the power of the 500px API ( 500px API key required ). Display your photos in your sidebar, with a widget or in your posts/pages with an easy to use shortcodes generator.

    Features:

    • Easy to use shortcode generator
    • Display All your photos with integration of a loadMore button
    • Display multiple 500px photo streams:
      • User: photos, Favorites photos,Friends photos,Friends List,Followers List
      • 500px: Popular photos,Upcoming photos,Editors’ choice photos,photos in Fresh today,photos in Fresh yesterday,photos in Fresh week,Tag
    • Sort photos by time of upload, original date, rating, favorites count etc…
    • Filter images by category
    • Filter 500px photo stream with a custom tag
    • Display your gallery with multiple layouts: images grid, carousel or slider
    • Customize appearance of your gallery: count, columns number, margin etc…
    • Easy to use widget with customizable layout: images grid or slider
    • Uses caching for faster page loading and reduce expensive 500px API-calls
    • Multiple image size in the image grid: square or auto-height
    • Lightbox integration
    • Two type of images captions
    • Create multiple galleries in the same post/page with different parameters
    • customize easily the color of the buttons ( loadMore, filters ) with a color picker
    • Fully responsive

    FILo : Facebook Image Loader jQuery Plugin

    FILo : Facebook Image Loader jQuery Plugin

    FILo is a lightweight and free plugin for the JavaScript framework jQuery for embedding pictures from your facebook site into your own website without writing one line of JavaScript-code.

    RowGrid.js : jQuery plugin for placing Items in straight rows

    RowGrid.js : jQuery plugin for placing Items in straight rows

    rowGrid.js is a small, lightweight (~800 bytes gzipped) jQuery plugin for placing images (or other items) in straight rows.RowGrid.js justifies the items in straight rows so that the width of the rows equals the width of the container/parent element. At first rowGrid.js adjusts the margin between the items. If this is not enough rowGrid.js scales down the items.

    The grid is similar to grids on Google Image Search, flickr, shutterstock and Google+ images.

    Features:

    • responisve
    • infinite scrolling

    50mm : Full Screen Portfolio jQuery WordPress Plugin

    50mm : Full Screen Portfolio jQuery Wordpress Plugin

    50mm Portfolio, a WordPress plugin that shows your portfolio in an interactive way. You can display portfolio by category, choose if single is FULL SCREEN or regular. Additionally, the plugin supports: Custom image size (percent), Custom link, Video, SoundCloud, Metro UI item, Unlimited colors and much more.

    Features:

    • Fully responsive
    • Video support
    • SoundCloud support
    • Custom link support
    • Unlimited colors
    • Smart hover color
    • Initial load number
    • Max Load more number
    • Easy drag and drop admin
    • Custom CSS support
    • Activate/Deactivate FULL SCREEN single page

    jQuery responsive gallery and lightbox – jrGal

    jQuery responsive gallery and lightbox - jrGal

    jQuery responsive gallery and lightbox – (jrGal).This script allows you to embed a slick responsive gallery into your website page or mobile app. Its easy to setup and works smoothly.

    If you are creating a mobile-viewable (responsive) website. This gallery/lightbox will work fluidly with any screen size! It automatically adjusts to fit the view port size. Desktop OR mobile

    DYSANIA – jQuery Responsive WordPress Grid Gallery Plugin

    DYSANIA - jQuery Responsive Wordpress Grid Gallery Plugin
    • Fully Responsive Layout
    • Valid HTML5 – CSS3 – Jquery
    • Unlimited Galleries and Filters: Unlimited gallery and filter menu can be added to any post or page
    • Easy to use, user friendly admin panel
    • Highly customizable! All colors, fonts, alignments, icons, hover animations can be changed from plugin settings
    • Photo,video and link gallery item types are available
    • 6 different colorbox style
    • 1,2,3,4,5 column layout options
    • Fits all themes
    • Grid combination
    • 4 different thumbnail resolution option
    • Gallery shortcode generator
    • Custom widget
    • And much more…