Vandelay Design

25 jQuery Image Gallery/Slider Tutorials and Plugins

Published August 6th, 2009 in Web Development

jQuery image galleries and sliders are very common on portfolio sites and are also useful for any other type of site for displaying images and photos. Fortunately, adding a jQuery gallery does not have to be difficult, even if you don’t have much experience with JavaScript and jQuery. In this post we’ll see tutorials and plugins that can provide you with the resources that you need to get a gallery of slider on your site.

jQuery Image Gallery/Slider Tutorials:

Create an Image Rotator with Description (CSS/jQuery)

Create an Image Rotator with Description (CSS/jQuery) Tutorial

jQuery Image Gallery/News Slider with Caption

jQuery Image Gallery/News Slider with Caption Tutorial

Full Screen Image Gallery Using jQuery and Flickr

Full Screen Image Gallery Using jQuery and Flickr Tutorials

Create a Slick and Accessible Slideshow Using jQuery

Create a Slick and Accessible Slideshow Using jQuery Tutorial

Fancy Thumbnail Hover Effect with jQuery

Fancy Thumbnail Hover Effect with jQuery Tutorial

Simple jQuery Image Slideshow with Semi Transparent Caption

Simple jQuery Image Slideshow with Semi Transparent Caption Tutorial

Slider Gallery

Slider Gallery Tutorial

Building a jQuery Image Scroller

Building a jQuery Image Scroller Tutorial

Sliding Boxes and Captions with jQuery

Sliding Boxes and Captions with jQuery Tutorial

Create Beautiful jQuery Slider

Create Beautiful jQuery Slider Tutorial

How to: Create a Fancy Image Gallery with jQuery

How to: Create a Fancy Image Gallery with jQuery Tutorial

Coda Slider Effect

Coda Slider Effect Tutorial

jQuery Image Gallery/Slider Plugins:

Supersized

Supersized Plugin

Galleria

Galleria Plugin

Gallery View

Gallery View Plugin

jQuery lightBox

jQuery lightBox Plugin

Gallerific

Gallerific Plugin

Easy Slider 1.5

Easy Slider 1.5 Plugin

Pikachoose

Pikachoose Plugin

S3 Slider – jQuery Image Gallery

S3 Slider - jQuery Image Gallery Plugin

Sliding Image Gallery

Sliding Image Gallery Plugin

Flickr Gallery

Flickr Gallery Plugin

Simple Controls Image Gallery

Simple Controls Image Gallery Plugin

Popeye

Popeye Plugin

Smooth Div Scroll

Smooth Div Scroll Plugin

For more web development content please see:

45 Responses to “25 jQuery Image Gallery/Slider Tutorials and Plugins”

Ionut Staicu August 6th, 2009

I also did some kind of gallery, json based for bandwidth saving (without any effects though): http://iamntz.com/experiments/dSlide/

Sam August 7th, 2009

Great collection, easy slider is my favourite due to it being incredibly easy to integrate.

Bradley Davis August 7th, 2009

Fantastic collection of jQuery galleries.

aledesign.it August 7th, 2009

Nice collection. Nice galleries.

Nardyello August 8th, 2009

FANTASTIC!!!

I’ve been trying to find a simple explanation of how to make a JS Gallery for a long time. Some of the tutorials linked here are just what I needed.

Thank you.

Streky August 9th, 2009

Nice collection

Ecommerce web design August 10th, 2009

Nice collection of galleries, I love jQuery and these galleries are excellent! I’m just building my site now and I would love to add something like this to display certain portfolios in my header.

Thanks

Eric Shafer August 10th, 2009

These are really helpful, jQuery is one of those recently popular languages that developers need to learn to compete these days.

Featured here: http://www.presidiacreative.com/best-of-the-web-31/

Module23 Werbeagentur Koblenz August 10th, 2009

This collection really rocks. Thanks for sharing, Bookmarked for the next jQuery slider projects.

Trevor Collins August 12th, 2009

Once again thanks for putting all these grate sight together in one place for fellow designers to view them.

Mushi August 13th, 2009

Hi,
m new in this field..and at the moment m looking for a slider, where images (thumbnails) move in random direcctions with in the slider screen and when there is mouse over thumbnail, the image become prominent……!!!

can someone tell me a usefull link..!

Arun M August 31st, 2009

Great collections. Thanks for sharing.

Brochure Design Melbourne September 4th, 2009

Very useful resources. I didn’t know there’s so many different types of jQuery image gallery/slider. I will definitely refer here to find the right one for next project. Thanks for sharing.

Matteo September 13th, 2009

Very useful list!
I want to suggest this jquery gallery too:
http://pupunzi.wordpress.com/2009/02/28/mbgallery/

samuel jesse September 15th, 2009

awesome post, thanks

ดูหนัง September 28th, 2009

It ’s very useful.

thanks a lot.

Kris de Jong October 6th, 2009

check out my slider at http://www.krisdejongdesign.nl. Peace

Sanjay October 29th, 2009

Awsome

KntL November 8th, 2009

in my blog, i have posted some jquery image gallery types. one of them is an image gallery made with jQuery Gestures. maybe you want to add it to your collection

http://kntl.org/jquery-jquery-gestures-is-amazing-making-you

GraphicDesignBay November 13th, 2009

Great work guys!!!

This is one of the best Jquery collection I ever seen.

Thanks :)

Trackbacks

Leave a Reply