25 jQuery Image Gallery/Slider Tutorials and Plugins
Published August 6th, 2009 in Web DevelopmentjQuery 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)
jQuery Image Gallery/News Slider with Caption
Full Screen Image Gallery Using jQuery and Flickr
Create a Slick and Accessible Slideshow Using jQuery
Fancy Thumbnail Hover Effect with jQuery
Simple jQuery Image Slideshow with Semi Transparent Caption
Building a jQuery Image Scroller
Sliding Boxes and Captions with jQuery
Create Beautiful jQuery Slider
How to: Create a Fancy Image Gallery with jQuery
jQuery Image Gallery/Slider Plugins:
S3 Slider – jQuery Image Gallery
For more web development content please see:
45 Responses to “25 jQuery Image Gallery/Slider Tutorials and Plugins”
I also did some kind of gallery, json based for bandwidth saving (without any effects though): http://iamntz.com/experiments/dSlide/
There is also this newer gallery.
http://coffeescripter.com/2009/07/ad-gallery-a-jquery-gallery-plugin/
Demo: http://coffeescripter.com/code/ad-gallery/
Great collection, easy slider is my favourite due to it being incredibly easy to integrate.
Fantastic collection of jQuery galleries.
Nice collection. Nice galleries.
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.
Nice collection
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
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/
This collection really rocks. Thanks for sharing, Bookmarked for the next jQuery slider projects.
Once again thanks for putting all these grate sight together in one place for fellow designers to view them.
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..!
Great collections. Thanks for sharing.
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.
Very useful list!
I want to suggest this jquery gallery too:
http://pupunzi.wordpress.com/2009/02/28/mbgallery/
awesome post, thanks
It ’s very useful.
thanks a lot.
check out my slider at http://www.krisdejongdesign.nl. Peace
Awsome
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
Great work guys!!!
This is one of the best Jquery collection I ever seen.
Thanks
Trackbacks