Best jQuery Gallery Plugins & Tutorials with Demo

Quake Slider : jQuery Image / Content Slider Plugin with Demo

Quake Slider : jQuery Image / Content Slider Plugin with Demo

If you are the guy who likes to focus on real business and don’t want to re-invent the wheels. Quake image slider is perfect for you. Quake image slider is a jQuery based image slider with cool animations effects and some of them are very unique. Like SwirlFadeIn, SwirlFadeOut and more.

With Quake image slider you can combine images with short summary/caption that helps you optimize contents for search engines and make SEO easy for you. You can also link your images to open detail for particular slide/image. With Quake Image Slider you have complete control over not just the orientation of each caption also you can control animation for each caption and provide different animation for each of the slide using callbacks.

Fotorama : jQuery Image Slider with Thumbnail Display

Fotorama : jQuery Image Slider with Thumbnail Display

Fotorama is powerful yet flexible image gallery plugin for jQuery that is compatible with all type of computers, iPhones and any mobile devices. Fotorama allows users to include thumbnails, prev- next buttons, swiping, slideshows or bullet navigation. Fotorama assists users to arrange the dimension and position of the slider and thumbnails and also users can define captions to images.

jQuery NailThumb : Create Thumbnails From High Res Images with Demo

jQuery NailThumb : Create Thumbnails From High Res Images with Demo

jQuery NailThumb is a handy jQuery plugin helps you convert any image to any thumbnail with full control.If you want to add avatars to your application it’s easier to use this plugin to let them fit any size you need then to develop a functionality that help your user to upload avatars of the right size/sizes.

It creates thumbnails easily from high-res images, without any distortion, with one line of code. You can even decide thumbnail dimensions directly from CSS.

This plugin integrates perfectly with any media gallery, even more useful in dynamic web application when you can face any shape or size.

jQuery Flickr Photobar Gallery with Demo

jQuery Flickr Photobar Gallery with Demo

After we got a lot of great feedback for our image galleries we decided to follow some of the suggestions and create a gallery that uses the Flickr API. The aim was to build a bottom photobar that one can easily integrate into a website. It is hidden initially and slides up when the handle is clicked. First, the photo sets are shown and when one of them is chosen, all its images can be viewed as thumbnails. When a thumbnail is clicked, a full image view appears as an overlay.

inflickity : jQuery Never-ending drag n’ flick content with Demo

inflickity : jQuery Never-ending drag n' flick content with Demo

inflickity is a jQuery Never-ending drag n’ flick content.

NETEYE Touch Gallery : jQuery Photo Viewing in Mobile Browser

NETEYE Touch Gallery : jQuery Photo Viewing in Mobile Browser

Touch-Gallery brings the look and feel of native jQuery photo-viewing apps to yhour mobile browser.Open this page in your iPad or iPhone 4 and click on any of the thumbnails in the left column below.

iPicture : A jQuery Plugin For Tooltip your Images With Demo

iPicture : A jQuery Plugin For Tooltip your Images With Demo

iPicture, a jQuery plugin, is perfect for such cases and allows us to place tooltips over any desired location of images.

Once the user hovers/clicks the pointers, the tooltip is displayed with its pre-defined content.There are several options for customizing the functionality including the ability to use different pointer images for each tooltip or their animation types.

Also, iPicture has a handy initialize function that saves so much time by enabling a configuration wizard where we can place pointers + set their definitions with drag ‘n’ drops and the JSON output to be used in the code is created automatically.

SliderWall : jQuery image slider with Demo

SliderWall : jQuery image slider with Demo

SliderWall is a jQuery slider plugin that helps you to create all types of content sliders. The plugin is entirely based on HTML5, CSS3 and JavaScript.SliderWall is a very flexible tool, meaning that you can use it to create many types of sliders, from content sliders to image sliders.

And you don’t have to start from scratch! SliderWall offers you several different templates – along with cool transition effects – that can be customized in CSS so that they match your website’s design.

Photo Wall : jQuery plugin with Demo

Photo Wall : jQuery plugin with Demo

jQuery photo wall gallery plugin (like in google).

filtrify : jQuery HTML5 Advanced tag filtering with Demo

filtrify : jQuery HTML5 Advanced tag filtering with Demo

Filtrify is an advanced tag filtering plugin, inspired by Chosen multiple select feature and Orman Clark’s Vertical Navigation Menu.

Advanced because you can search tags within tags and filter items by multiple tags from different categories and get a live feedback on the number of items containing related tags.



Best jQuery websites design awards