21 Best jQuery Image Gallery / Photo Slideshow

August 11, 2010

JQuery

jQuery image slideshow

Images are the best option to add life in a website. But plain simple images are now outdated. Splashy, layouts for images are the current hot trends in web designs. Until now this type of image transitions were only available in Flash, but with the help of jQuery now we can actually create some stunning effects, very much flash-like. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. So here, I am going to provide the best jQuery Image Gallery Plugins that will help you to add an artistic and professional image galleries and slide shows to your website.

1 – TN3 Gallery

TN3 Gallery is a jQuery slideshow. It is a full fledged HTML based customizable image gallery with slideshow, transitions and multiple album options. Compatible with all modern desktop and mobile browsers. With TN3 Gallery you can easily create amazing photo galleries and slideshows with slick transition effects, as well as multiple albums, CSS skinning, XML and Flickr support with a host of additional features. No browser plugins required.

2 – Galleria

Galleria is a JavaScript image gallery unlike anything else. It can take a simple list of images and turn it into a foundation of multiple intelligent gallery designs, suitable for any project. Galleria clocks around 5k daily downloads, making it one of the most popular JavaScript galleries around. This site is now dedicated to version 1.2, currently in beta development at GitHub. Stable release is set to September 2010.

3 – Supersized

Supersized is a full-screen background slideshow jQuery plugin. It re-sizes images to fill browser while maintaining image dimension ratio. It cycles images/backgrounds via slideshow with transitions and preloading. It’s navigation controls allow for pause/play and forward/back.

4 – Image Flow

ImageFlow is a picture gallery, which allows an intuitive image handling. The basic idea is to digitally animate the thumbing through a physical image stack. That intuitive handling is automatically caused by the metaphorical use of the well known process of thumbing through.

5 – GalleryView

GalleryView is 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.

6 – Easy Slider – Numeric Navigation jQuery Slider

The Easiest jQuery Plugin For Sliding Images and Content. The features are: auto slide, continuous sliding, “go to first” and “go to last” button, hiding controls, optional wrapping markup for control buttons, vertical sliding, multiple sliders on one page, numeric navigation (as an alternative to next/previous buttons), continuous scroll instead of jumping to the first (or last) slide.

7 – Sliding Boxes and Captions with jQuery

All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through. From this basic idea we can play around with animations of the sliding element to either show or cover up the viewing area, thus creating the sliding effect.

8 – jQuery Cycle Plugin

The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.

9 – Pikachoose

Pikachoose is a lightweight jQuery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. Pikachoose is designed to be easily installed, easy to setup, and well… all around easy, and if you need help, provider can install PikaChoose on your website for you.

10 – SlideViewer

slideViewer is a jQuery image slider built on a single unordered list. This is a lightweight (3.5Kb) jQuery plugin which allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images.

11 – PrettyPhoto

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. It comes with useful APIs so prettyPhoto can be launched from nearly anywhere (yes, that includes Flash)!

12 – jFlow Plugin

It seems that the obsession of the web design industry right now is the ability to create a “featured section”. While it once may have required a great deal of skill, that is no longer the case. In this screencast, you can read how to easily create a scrollable featured section using one of Theme Forest’s popular themes as a reference. Let’s get into it!

13 – Pirobox

The script now weights only 12.5KB, (9KB Minified). There is a choice between five different styles. Slideshow option More. Multiple image set option More. PngFix for Internet Explorer 6. Keyboard navigation: Right arrow [next], Left arrow [prev], ESC [close]. Broken Link Check. Automatic repositioning of the image in the browser window. Browser compatibility: FireFox 2+, Opera9.5+, Chrome, Safari (Mac/Windows),IE 6+.

14 – jQuery.popeye

jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.

15 – NotesForLightBox

NotesForLightBox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers. The current features are: Rounded corners light box, Navigation with buttons and Real slide show with progress bar.

16 – jQuery LightBox Plugin

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery’s selector.

17 – NivoSlider

This is the most awesome jQuery image slider. The features are: 9 unique transition effects, Simple clean & valid markup, Loads of settings to tweak, Built in directional and control navigation, Packed version only weighs 7kb, Supports linking images, Keyboard Navigation, Free to use and abuse under the MIT license.

18 – Coin Slider

This is a jQuery Image Slider with Unique Effects. The features are: Unique transition effects. Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+. Valid markup. Flexible configuration. Auto slide. Navigation box. Lightweight (8kb only). Linking images. Free to use under MIT license. Fully customizable using CSS.

19 – jqFancyTransitions

jqFancyTransitions is a slideshow with strip effects. This is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects. jqFancyTransitions is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

20 – jPhotoGrid

A Zoomable jQuery Image Gallery Called jPhotoGrid. The screenshot above is jPhotoGrid in action. This plugin takes a simple list of images and captions and turns it into a grid of photos that can be explored and zoomed.

21 – AnythingSlider

This new AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features. In other words, to create a really “full featured” slider that could be widely useful. This is the first time (on CSS-Tricks) that one of these sliders is an actual plugin as well, which should make implementing it and customizing it much easier.

, , , , ,

About Souvik Banerjee

Web Developer and SEO Specialist with 10+ years of experience in open source web development. He is also the moderator of this blog (www.rswebsols.com)

View all posts by Souvik Banerjee

Related Posts

24 Responses to “21 Best jQuery Image Gallery / Photo Slideshow”

  1. giay nam Says:

    very good@ thank you

    Reply

  2. aliceli Says:

    Great collection of slider plugin. I would also like to mention here another free good jquery slider plugin
    is hi slider (http://www.hislider.com) which is also working good and totally free:)

    Reply

  3. Arun Says:

    Is there any option which stops on the last slide. All the above examples go to first slide when we are on last slide. Next button should be disable on last slide and previous button on first slide.

    Thanks
    Arun

    Reply

  4. friv 2 Says:

    Nice post, thanks for sharing with it us

    Reply

  5. Nitya Says:

    great sir……so useful
    thanks for sharing

    Reply

  6. Sean Peterson Says:

    This was actually a really useful list.

    Some I’d already come across others I hadn’t which is great.

    I’ve also been using the website:

    http://www.loxiastudio.com/en/

    It’s really convenient because I can create my gallery/slideshow is either Flash of jQuery, then simply copy and paste a short line of code into my site (which is a wordpress page).

    The tutorials were also a help as I’m somewhat of a beginner.

    Reply

  7. clippingimages Says:

    really nice gatherings…

    Reply

  8. Kundan Singh Says:

    thank you very much.

    It’s really a good collection of image gallery’s

    Reply

  9. Helen Says:

    WOW… such a great collection

    Reply

  10. karthimx Says:

    These are great collection of jquery gallery. thanks for sharing them.

    Reply

  11. bikash Says:

    thanks for sharing really very nice …

    Reply

  12. Saurabh Gupta Says:

    Thnxx..!! Nice Work.

    Reply

  13. Barayuda Says:

    Thank’s for your share.. :D
    it’s very nice :D

    Reply

Trackbacks/Pingbacks

  1. 7 Best JQuery Image Gallery – Photo Slideshow | Web Development | Web Design - January 8, 2011

    […] are total 21 best jQuery image gallery slideshow listed at RS Web Solutions. This is a web resource library. Here you will find very valuable but […]

  2. 7 Best JQuery Image Gallery – Photo Slideshow - November 21, 2010

    […] &#1072r&#1077 whole 21 best jQuery image gallery slideshow &#1088l&#959tt&#1077d &#1072t RS Web Solutions. Th&#1110&#1109 &#1110&#1109 a web pile pile. Here […]

  3. 7 Best JQuery Image Gallery – Photo Slideshow | SenangIT - October 11, 2010

    […] are total 21 best jQuery image gallery slideshow listed at RS Web Solutions. This is a web resource library. Here you will find very valuable but […]

  4. » Blog Archive » 7 Best JQuery Image Gallery – Photo Slideshow - October 8, 2010

    […] are total 21 best jQuery image gallery slideshow listed at RS Web Solutions. This is a web resource library. Here you will find very valuable but […]

  5. 7 Best JQuery Image Gallery – Photo Slideshow | GuruWeb - skillswise - October 4, 2010

    […] are total 21 best jQuery image gallery slideshow listed at RS Web Solutions. This is a web resource library. Here you will find very valuable but […]

  6. 7 Best JQuery Image Gallery – Photo SlideshowWeb Design | Web Development | Web Design | Web Development - October 3, 2010

    […] are total 21 best jQuery image gallery slideshow listed at RS Web Solutions. This is a web resource library. Here you will find very valuable but […]

  7. 7 Best JQuery Image Gallery – Photo Slideshow – Webdevelopment-Tips - September 11, 2010

    […] are total 21 best jQuery image gallery slideshow listed at RS Web Solutions. This is a web resource library. Here you will find very valuable but […]

  8. 7 Best JQuery Image Gallery – Photo Slideshow | BHBodeezy - September 7, 2010

    […] are total 21 best jQuery image gallery slideshow listed at RS Web Solutions. This is a web resource library. Here you will find very valuable but […]

  9. 7 Best JQuery Image Gallery – Photo Slideshow | Programmer Heaven - September 7, 2010

    […] are total 21 best jQuery image gallery slideshow listed at RS Web Solutions. This is a web resource library. Here you will find very valuable but […]

  10. 7 Best JQuery Image Gallery – Photo Slideshow | CUBEX | By Torgheh Inc. - August 24, 2010

    […] supports, but does not require, the Metadata Plugin and the Easing Plugin.There are total 21 best jQuery image gallery slideshow listed at RS Web Solutions. This is a web resource library. Here you will find very valuable but […]

  11. 7 Best JQuery Image Gallery – Photo Slideshow | Dummies Sources - August 21, 2010

    […] are total 21 best jQuery image gallery slideshow listed at RS Web Solutions. This is a web resource library. Here you will find very valuable but […]

Leave a Reply