Best jQuery Gallery Plugins & Tutorials with Demo

jQuery Flipping Gallery

jQuery Flipping Gallery

Flipping Gallery let you create a simple but beautiful 3D flipping gallery using minimal HTML markups and one JS call.Modern browsers such as Chrome, Firefox, and Safari on both desktop and smartphones have been tested.

Portfoliojs : jQuery plugin to showcase your Portfolio

Portfoliojs : jQuery plugin to showcase your Portfolio

Portfoliojs is a lightweight jQuery gallery plugin for your beautiful images with horizontal scrolling which supports desktop, tablet and mobile browsers.

Features:

  • smart pre-loading
  • set custom height & width of gallery
  • set custom easingMethods for slide animation
  • multiple gallery support
  • lightbox
  • keyboard navigation
  • renders according to the device width. including mobile devices.
  • supports touch devices (iPhone/iPad/Android) swipe-to-slide

Socio Motion : jQuery Photo Face Wall

Socio Motion : jQuery Photo Face Wall

A first of its kind plugin to create a dynamic and responsive photo thumbnail wall out of your Facebook friends. Share content with friends just on a click of a tile. Use tons of animation effects to switch between tiles. Configure the number of rows, columns, width, height and everything else you like. The plugin is built 100% using jQuery & love and works everywhere.

Features:

  • Responsive by design
  • Share a link to friend just with 1 click.
  • Simplest Facebook authentication.
  • Control the number of photos to display.
  • Cool effects.
  • Animation speed control.
  • Parallel tile movement
  • .Hover to move.

Smoothproducts : jQuery Product Viewer Script

Smoothproducts : jQuery Product Viewer Script

A simple, lightweight and responsive product image viewer using jQuery.

Features:

  • Animates to different image heights (see fourth item in demo)
  • Click or tap to zoom image
  • Pan zoomed image with mouse hover on desktop
  • Pan zoomed image with gyroscope on mobile devices
  • Entire element is responsive.
  • Indicator for thumbnail currently open

Balanced Gallery : A balanced photo gallery plugin for jQuery

Balanced Gallery : A balanced photo gallery plugin for jQuery

Balanced Gallery is a jQuery plugin that evenly distributes photos across rows or columns, making the most of the space provided. Photos are scaled based on the size of the ‘container’ element by default, making Balanced Gallery a great choice for responsive websites.

Galereya : Easily customizable jQuery gallery with a masonry layout

Galereya : Easily customizable jQuery gallery with a masonry layout

Responsive, easily customizable jquery gallery with a masonry layout. Almost all animation and effects are based on CSS features.Works on Chrome, Safari, Firefox, Opera(turned off some CSS animations), IE7+(Graceful degradation), Android browser, Chrome mobile, Firefox mobile, Safari on iOS and etc. Galereya effects and browser compatibility depends on your custom CSS styles a lot!

InstaStream : jQuery plugin to stream pictures from Instagram

InstaStream : jQuery plugin to stream pictures from Instagram

Instastream is a simple jQuery plugin to stream pictures from Instagram.Before to go further be sure you have an Instagram account and an Instagram API Key.You can choose how many pictures you want by slide. CSS cover 1,2,3 and 4 results, feel free to add new styles if you want more results by slide.

Puzzllerry : Interactive jQuery gallery plugin

Puzzllerry : Interactive jQuery gallery plugin

Puzzllerry is plugin that allows you to create interactive gallery/portfolio/menu or any element with listed items. It has extremly simple markup and requires only 1 line of js code to turn it on.It will make your website more attractive, it will gain some focus of your visitor as user may ‘play’ with it.

And of course its responsive.

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