25 Fresh and Best jQuery Image Galleries and Plugins
jQuery is a very popular due to its speed, event handling techniques and smooth animation. jQuery enables lots of new ways of web development. Image galleries gave a huge attraction for visitors. In this post we are presenting a collection of fresh and best resources.
GalleryView: A jQuery Content Gallery Plugin
GalleryView aims to provide jQuery users with a flexible, attractive
content gallery that is both easy to implement and a snap to customize.
View Demo
Supersized
Features
- Resizes images to fill browser while maintaining image dimension ratio
- Cycles backgrounds via slideshow with transitions and preloading
- Core version is available for those that just want background resizing.
- Navigation controls with keyboard support
- Integration with Flickr-pull photos by user, set, or group
- Head over to the project page for all the details.
Live Demo-Download
Sliding Image Gallery jQuery Plug-in
The SlidingGallery plug-in will take a group of images and turn them
into a cyclical gallery of images which the user can click through. One
image will be centered on the screen, with two smaller images off to the
sides. The user can click either of the smaller images to bring them to
the center, or the center image to enlarge it. For optimal use, this
plug-in should be applied to seven or more images, but can work with
fewer (images will be duplicated in order to bring the total to seven).
View Demo
Full Page Image Gallery with jQuery
In this tutorial we are going to create a stunning full page gallery
with scrollable thumbnails and a scrollable full screen preview. The
idea is to have a thumbnails bar at the bottom of the page that scrolls
automatically when the user moves the mouse. When a thumbnail is
clicked, it moves to the center of the page and the full screen image is
loaded in the background. Now the user can move up and down and the
image will get scrolled automatically, giving him the opportunity to see
all of the image.
Live Demo-Download
PrettyPhoto jQuery Lightbox Clone
PrettyPhoto is a jQuery based lightbox clone. Not only does it
support images, it also add support for videos, flash, YouTube, iFrames.
It’s a full blown media lightbox. The setup is easy and quick, plus the
script is compatible in every major browser.
View Demo
Galleriffic jQuery Plugin
Galleriffic is a jQuery plugin that provides a rich, post-back free
experience optimized to handle high volumes of photos while conserving
bandwidth. I am not so great at spelling, and it was much later that I
realized that the more appropriate spellings would be Gallerific or Gallerrific, but is too late now for a name change, so Galleriffic remains.
Live Demo-Download
Create Beautiful jQuery slider tutorial
This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.
View Demo
Slider Gallery with jQuery
This tutorial is about creating a creative gallery with a slider for
the thumbnails. The idea is to have an expanding thumbnails area which
opens once an album is chosen. The thumbnails will scroll to the end
and move back to the first image. The user can scroll through the
thumbnails by using the slider controls. When a thumbnail is clicked, it
moves to the center and the full image preview opens. Navigating
though the images will make them slide in and out from the sides,
moving the underlying thumbnails container. When the preview is closed,
the full image will fade back to the thumbnail.
Live Demo-Download
AD Gallery-a jQuery gallery plugin
A highly customizable gallery/showcase plugin for jQuery.
View Demo
Thumbnails Navigation Gallery with jQuery
In this tutorial we are going to create an extraordinary gallery with
scrollable thumbnails that slide out from a navigation. We are going
to use jQuery and some CSS3 properties for the style. The main idea is
to have a menu of albums where each item will reveal a horizontal bar
with thumbnails when clicked. The thumbnails container will scroll
automatically when the user moves the mouse to the left or right.
Live Demo-Download
FancyBox
FancyBox is a tool for displaying images, html content and
multi-media in a Mac-style “lightbox” that floats overtop of web page.
View Demo
Sliding Panel Photo Wall Gallery with jQuery
This tutorial will help you create a stunning full page photo wall
gallery. The idea is to have a whole page full of thumbs with a nice
light effect when we hover. When an image is clicked, a panel slides up
from the bottom revealing the full picture. When clicking on the full
image, the thumbs panel slide back from the bottom. This effect will
give the impression that we are stacking the panels on top of each
other every time we change the mode. In the full picture view we add
some nice transition effect when we browse through the photos.
Live Demo-Download
Shadowbox
Shadowbox is an online media viewer application that supports all of
the web’s most popular media publishing formats. Shadowbox is written
entirely in JavaScript and CSS and is highly customizable. Using
Shadowbox, website authors can showcase a wide assortment of media in
all major browsers without navigating users away from the linking page.
View Demo
Beautiful Photo Stack Gallery with jQuery and CSS3
In this tutorial we are going to create a nice and fresh image
gallery. The idea is to show the albums as a slider, and when an album
is chosen, we show the images of that album as a beautiful photo stack.
In the photo stack view, we can browse through the images by putting
the top most image behind all the stack with a slick animation.
Live Demo-Download
Galleriffic
Galleriffic is a jQuery plugin that provides a rich, post-back free
experience optimized to handle high volumes of photos while conserving
bandwidth. I am not so great at spelling, and it was much later that I
realized that the more appropriate spellings would be Gallerific or
Gallerrific, but is too late now for a name change, so Galleriffic
remains.
View Demo
Fresh Sliding Thumbnails Gallery with jQuery and PHP
In this tutorial we are going to create another full page image
gallery with a nice thumbnail area that scrolls automatically when
moving the mouse. The idea is to allow the user to slightly zoom into
the picture by clicking on it. The thumbnails bar slides down and the
image resizes according to the screen size.
Live Demo-Download
Colorbox
A light-weight, customizable lightbox plugin for jQuery 1.3.
View Demo
Interactive Photo Desk with jQuery and CSS3
In this little experiment we created an interactive photo desk that
provides some “realistic” interaction possibilities for the user. The
idea is to have some photos on a surface that can be dragged and
dropped, stacked and deleted, each action resembling the real world act.
Live Demo-Download
Full screen image gallery using jQuery and Flickr
It’s a full screen image gallery that automatically scales the image
with kept aspect ratio to fill the browser background. It also supports a
flickr search engine, thumbnails, captions, preloader and some other
goodies.
View Demo
Multimedia Gallery for Images, Video and Audio
This multimedia gallery for images, video and audio is a progression
of our previous galleries. The idea for this new gallery is to
integrate video and audio as exhibit pieces along images.
Live Demo-Download
Moving Boxes
View Demo
Creating a Slick Auto-Playing Featured Content Slider
View Demo
Pirobox V.1.2.1
View Demo
Apple-like Slideshow Gallery
View Demo
JQZoom
JQZoom is a javascript image magnifier built at the top of the
popular jQuery javascript framework.jQzoom is a great and a really easy
to use script to magnify what you want.


27. Jun, 2011 




























Really great list. Will definitely be using some of these in future projects! I also stumbled across this plugin called Slidorion. It’s a combination between an image slider and an accordion. Haven’t seen it on many lists but should definitely be on some…
http://www.slidorion.com
Thanks again
I am beginner in development field I searching new jQuery sliders you have a nice collection of jQueries.