Best jQuery Gallery Plugins & Tutorials with Demo

Filterizr : jQuery Stunning Filterable Gallery

Filterizr : jQuery Stunning Filterable Gallery

Filterizr is a jQuery plugin that sorts, shuffles and applies stunning filters over responsive galleries using CSS3 transitions.

Features:

  • Pluggable look & feel (write your CSS effects in the box on the right and hit Filterize!)
  • Performant — optimized for smooth experience on mobile devices
  • Lightweight — around 8.5kb, jQuery is its only dependency
  • Responsive — with your Media Queries (resize the window!)
  • Open source

Sliding Panels Template with CSS & jQuery

Sliding Panels Template with CSS & jQuery

A simple portfolio template, with project preview images that slide out to reveal the selected project.

Justified-Gallery : jQuery Justified Grid Plugin

Justified-Gallery : jQuery Justified Grid Plugin

This is a jQuery plugin which allows you to create responsive, infinite, and high quality justified gallery of images.

A common problem, for people who create sites, is to create an elegant image gallery that manages the various sizes and aspect ratio of images. Flickr and Google+ manage this situation in an excellent way, the purpose of this plugin is to give you the power of these solutions, with a new fast algorithm.

Poptrox : A lightbox gallery plugin for jQuery

Poptrox : A lightbox gallery plugin for jQuery

Adds lightbox galleries to jQuery. Heavily customizable, easy to use, and built to support images, videos (YouTube, Vimeo, Wistia, Brightcove), Soundcloud tracks, IFRAMEs, and AJAX content.

snapGallery.js : jQuery Responsive Galleries

snapGallery.js : jQuery Responsive Galleries

snapGallery is a super-simple jQuery plugin that converts your unordered, haphazard, differently sized images into a beautiful gallery.

Completely responsive and customizable, snapGallery allows you to select the spacing between images, the minimum width allowed before stacking and the maximum number of columns, with more options on the way!

Viewer.js : JavaScript Image Viewer

Viewer.js : JavaScript Image Viewer

Viewer.js is a javascript image viewer.

  • Supports 30 options
  • Supports 23 methods
  • Supports 8 events
  • Supports modal and inline modes
  • Supports touch
  • Supports move
  • Supports zoom
  • Supports rotation
  • Supports scale (flip)
  • Supports keyboard
  • Cross-browser support

Moon Mega Grid plus Grand Pack

Moon Mega Grid plus Grand Pack

Create your unique artistic spectacular gallery for your photos with variety of beautiful animated hover effects, using templates and examples, color schemes, svg and canvas photo filters and other tools!

  • integrated support for canvas and svg filters
  • perfect for mobile devices
  • simple templating tools
  • built-in lightbox with retina support
  • 2 retina modes
  • memory saving algorithm
  • works either with json or html formats (custom parsers)

ImageViewer : jQuery Zooming and Panning Plugin

ImageViewer : jQuery Zooming and Panning Plugin

A zooming and panning plugin inspired by google photos for your web images.

Features:

  • Smooth dragging and panning images.
  • Support touch devices.
  • Double tap to zoom in/zoom out.
  • Pinch in / pinch out to zoom in/out.
  • Snap view for easier panning and zooming experience.
  • Allow quick display of loaded image then loading high resolution image asynchronously.
  • Exposed API to control zoom programmatically.

Viewer : jQuery Image Viewing Plugin

Viewer : jQuery Image Viewing Plugin

Viewer is a simple jQuery image viewing plugin.

  • Touch Support
  • Zoom
  • Rotation
  • Scale (flip)
  • Keyboard support
  • Cross-browser support

Ultimate Grid Pro with HTML5 & JavaScript

Ultimate Grid Pro with HTML5 & JavaScript

Ultimate Grid Pro is indeed the ultimate responsive multimedia grid builder packed with an insane set of features that allows to create unlimited, filterable / sortable multimedia portfolios, product swhowcase, image galleries with unlimited possibilities. It includes five grid types with vertical or horizontal layout variation (dynamic, classic, masonary, flexible and infinite) that allow to display various multimedia content in a highly customizable way. It runs on all major browsers with support for older browsers like IE8 and mobile devices like iPhone, iPad, IOS, Android or Windows mobile.

Responsive layout. Five grid layouts included with vertical and horizontal variation (dynamic, masonry, classic, flexible and infinite).



Best jQuery websites design awards