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

Brilliant compilation!!! Some galleries are awesome. I also use visual jquery lightbox, http://visuallightbox.com. nice transition effects.

Impression collection of tutorials, my girlfriend is a photographer and I will make a portfolio in jquery

Nice tutorial, thanks to share.

awesome collection….

nice collection… thanks

still useful and fresh…

i was looking for some web gallery and i found a great resource at this post. thanks admin

i love this plugin. nice clean work. thank you

Very cool. Thanks for this great collection. My favorite is Gallerific

really a gr8 collection ….thankx for sharing !

This is definitely what I have been looking for. Jquery is very interesting, thanks for sharing!

Thank you, wonderful projects!

I am using in my web site and usefully it.

Thanks again for you!.

Very nice collection of jquery image sliders… thanks..!!!

Awesome list!! Thank you. I think we need to have more posts like this where it touches on one subject and provides many different examples with links to those examples. Well Done.

Hi,
Nice post. But i want a up down slider with mouse. you can see it in mootool demos.
that is fine and working very nice. But i want it in jquery.
Please help and post a thread about it.
You have a nice blog and your content are also very help full too.
Thanks again.

Great Work !

WOW
this is really handy. great tips.. I never knew jquery can be so useful. you made my day today thanks

great’s slideshow.

Hi,

This collection is very helpful. But I am looking for this slider: http://www.toptut.com/ would anyone suggest me where can I find this example?

Thanks in advance

This is a nice list of sliders.
I need one that gives text links (1, 2, 3…) instead of thumbnails… The search continues!

I’ll be sure to come back and check on this blog, thx 4 sharing!

i need image slider which support multiple instance on single page. can u please help me?

Antoher beatiful jquery sliders. good-look;
http://www.ueuh.com/internet/jquery-plugins-display-sliders-content/

nice list! thanx for the info

another tool that can be considered is one I use called Likno Web Modal Windows Builder that also lets you create slideshows, etc.

You can take a look at:
http://www.likno.com/jquery-modal-windows/index.php

SlideShow option:
http://www.likno.com/jquery-modal-windows/slideshow.php

Gallerific was my favorite, these days it’s defently jquery ajax-zoom gallery at http://www.ajax-zoom.com It can also zoom the photos with high resolution but it depends on PHP.

Hello,
Thanks for the examples. I am looking for a facebook like jquery slider effect:

i.e. when a user clicks on the next Group of pictures that are on a page would move towards left and a new group of pictures would be shown.

I couldn’t find such an example . Could you please help ?

What a great list of sliders. I was looking everywhere. Thanks!

very good J qeury

Are they really free to use ?

a few of them were very useful, t hank you!

Here’s an edited version of one I made for a clients website, free download too:

http://webdesignandsuch.com/2009/12/jquery-product-slider/

Thanks for sharing jQuery resources sites, some are really very cool.

Great list! I love jQuery. So beautiful!

Hi,

This is the greate collection and presentation. It is helpful tool for the website professional.

Yhis is really a good work and I am thankful to JQuery……..

Jquery is very usefull and powerfull. Very nice resources!!

I did some cool jQuery Gallery too

See it here:

http://grafagoggel.de/single/177/image-wall-jquery-tutorial/

nice collection, post flash galleries too

I like the popeye gallery!

Have been trying to get two of them working on one page, but there’s only one showing.
Anybody here an idea about how i get two scripts working?

cheers

Thanks buddy…

I was searching for them since long

Regards
Smita

very nice collection, will definitely help. Thank you!

thanks for the nice collection! here you can find some more examples (free download): http://blog.xparo.com/jQuery-Slider.aspx

very usefull for me

I am Website Designer in india

Very interesting collection!

really great plugins, http://slidedeck.com has a great slider too, and even a wordpress plugin!

wow. awesome…
thank you for your work.
I think the best one is Sliding Boxes and Captions with jQuery;
what about you?

Check out this sick slider!

http://webdesignandsuch.com/tutorials/fancymoves-jquery-product-slider/

i just tried it out, thank you!

Looks great. I’m hoping to try something more adventurous on my website to help us stand out from the crowd.

You helped me a lot finding a nice scroll for a site I recently made.
You can see the “Smooth Div Scroll” working here in the homepage:
http://www.logoarena.com

I also like the Coda Slider, which I used in other projects.
Thank you! Max.

Here’s another I made for a client, showing how you can use the sliding boxes to make callouts for your homepage..tutorial and free download!

http://webdesignandsuch.com/featured/jquery-sliding-boxes-and-captions/

Wow, these are nice! I can’t wait to start playing with them on my own website. Thanks for posting!

Hello,

Check out my vertical slider. http://lxcblog.com/2010/10/10/jquery-vertical-slider-with-scrolling-text/

Thank you.

Thanks…this is a great collection of galleries with very useful tutorials included.

Really useful image sliders! Thanks for sharing!

this is a great collection of galleries with very useful tutorials included.

Great ideas! I’m going to choose one of these and update the galleries on my scrapbook website. Thanks!

Very good jquery plugins. Thanks for post

Thanks for grate collection of jquery plugin. Keep it up your work. Thanks

Lots of great plugins. I took a very similar jquery slider and ported it to WordPress as a plugin for featured content. It’s free. You can check it out at:

http://www.jqueryslider.org/

At the very least, it will give you an idea on how to use these jquery image galleries with WordPress.

If you are looking for an interactive gallery maybe you gonna like mine project.

http://rezoner.net/labs/photoshelf/

Nice plugins! Just what I needed. Thanks a lot for sharing.

Nice collection. If you want othen galleries visit http://www.1artmedia.com

This is a fantastic guide to jquery sliders. Managed to put one on my homepage which I think looks nice.

Will definetly use this in one of my sites

I was wondering for long time is itbetter to start learning jQuery from the beggining or just use third person scripts.

If someone hasn’t much time – it is way better to use examples above.

Great job, best regards
Donhasatrone

Definitely need to add ppGallery by PP Plugin. Probably one of the better gallery plugins out there.
http://www.ppplugins.com/demo/ppgallery/

Great collection … Can suggest a super clean and simple slider with the most minimal add-ons … thanks

I found an incredible flash gallery recently, I absolutely love the way the illustration and photography sections show up.

http://www.kellythompson.co.nz/

Could something as fancy as this ever be done with javascript? I’d love to be able to make something like this work for a website thats ipad friendly.

Verry nice sliders. Do you know the slider is used in itunes? I can’t find that one for jQuery

Thank you. Nice information. I will use it immediately.

Verry nice sliders. Do you know the slider is used in itunes? I can’t find that one for jQuery

Nice plugins! Just what I needed. Thanks a lot for sharing.

This is the best collections of galleries ever.

This is a great collection for me as webdesigner. Definitily going to use these galleries/sliders with my projects!

Nice Collection. Here is a jquery image slider plugin called All-In-One. you can check out..
http://faisal11vcv.wordpress.com/2011/01/08/all-in-one-slider-a-jquery-plugin/

Thanks for the above!! Had to bookmark this page because im sure i will be back!

Thanks you very much!

Wonderful sliders! They are perfect and jQuery is perfect framework!

Good collection of all type jquery animation

Nice gallery, but I didn’t see my favourite Coin slider, Nivo Slider , Wow slider http://wowslider.com/

very good sliders. thanks.

If anyone knows of a jquery and/or wordpress slider similar to the one here http://www.quibids.com/ I would love it if you shared the name and link!

Thanks!

nice collection for slider , slick, flicker gallery

thanks for sharing……..

These are great, but I’m looking for a simple slider that rotates through a bunch of sponsor logos. I don’t need any navigation. I’ve seen it other places before, but can’t recall where.

Amazing collection and very helpful for web developers.

Many of them are just what i was looking for! U saved my time, thanx!

I quite often use this jQuery slider plug-in for my websites. I learnt about it on the course I attended with them. It is lightweight and pretty easy to modify.

http://www.webdesign-training.co.uk/jquery-training-slider.html

as for me – the Galleria and Gallerific are the best. the only thing i’d like to change is to make slider (not pagination) for Gallerific. it would be perfect. however, thanks for galleries!

I’ve just released a replica of the Hulu.com slider using jQuery/JavaScript instead of flash. It’s built with progressive enhancement in mind and leverages CSS3 to avoid the use of images wherever possible. It’s completely free, including all CSS, HTML, JS and Photoshop CS5 source PSD’s.

I figured you Vandelay cats would be interested.

I like these collections , But is there a plugin only scroll to left or right automacticly?

The jQuery Slider Gallery does not work with any modern version. I found one that is similar that does work.

http://www.ajaxera.com/jquery-updated-slider-gallery/

Thanks for great effort in collection of such good jquery image galleries, it’s help us a lot.

Hi, I like these gallery, thanks for share!!!

Excellent list. you can check jquery image slider at

http://www.snilesh.com/resources/jquery/jquery-image-slider/

Hi, check out our 3D jQuery Image Gallery: http://www.dcs-solution.com/blog/?p=11#more-11

Will definetly use this in one of my sites

I was wondering for long time is itbetter to start learning jQuery from the beggining or just use third person scripts.

If someone hasn’t much time – it is way better to use examples above.

Great job, best regards

i was wondering if someone have a post card type gallery, different thumbnails placed randomly and upon clicking any thumbnail you see its larger version like this jquery gallery http://www.templatesrule.com/web-templates/view-template-3228.html, i need something similar but free. Please help

Great sliders and all, but don’t really like it when a site takes over the personality of a site, so I made my own. Didn’t realise how much time you need to put into these things to make them work. Finally nailed it though as far as I can tell. Here it is if you want to have a look…
http://www.bringmebusiness.com.au/reeltime-jquery-slideshow-plugin.php

I think you forgot vSlider, jquery based wordpress plugin. check it out here
http://vibethemes.com

Hi,

Very nice collection. I noticed particularly the image scroller which I would like to use also..but wonder if it is possible that when you click on an image in the scroller to open a pop-up window with the respective image, as in this scroller here: http://www.flashxml.net/image-scroller.html. Thanks for your time. Waiting for an answer.

Another jQuery slider plug-in called jSwitch. I wrote it about a week ago, so maybe you’ll find it interesting. http://creativator.net/projects/jswitch/

Good example of sliders, thanks for sharing!!

Thanks! I was trying to find the “Fancy Thumbnail Hover Effect with jQuery” plug-in but couldn’t remember the name of it. Nice collection.

A nice variety of slider examples there. Thanks for finding and sharing them.

thank you for the wonderful sliders, I like these collections.

very good examples of slider are great I have applied some of my web designs.

Thank you.

Incredible collection

Pretty amazing how many different options there are with an image gallery/show! The sohtanaka (first) was exactly what I needed, thanks!

Thanks for Sharing..
will be using for my projects. Thanks.

Hi, anyone knows any like used by apple in the sites? http://www.apple.com/ipad/
with support for touchscreen, some like this: http://gregmurray.org/ipad/carousel/

Thanks!

Trying to modify the ” Gallerific ” in a way that it shows the full size image when clicked.

I need a carousel which contain two rows. If possible can any one post an example of a carousel where next and previous button comes when cursor goes there? this carousel contain multiple images under two rows.

Best and beautiful galleries. Thanks!!

Great list, here you have others jquery slider examples:
http://www.jqueryload.com/create-and-ad-rotator-carousel-with-jquery
http://www.ajaxshake.com/en/JS/12581/image-slider.html

great stuff, i used the slider on my site josuep.com

These are just so popular now- its crazy- everyone has a slider-
i like nivo

Photo wall with lightbox like at google photos: http://creotiv.github.com/jquery-photowall/

A nice variety of slider examples there. Thanks for finding and sharing them.

Awesome collection, thanks. Did you see Zino Image Slider?
Zino is a jQuery slider plugin with full featured API and slideshow capabilities.
http://www.bulgaria-web-developers.com/projects/javascript/slider/

tnx….great collection..

Tnx…awesome…nice collection..

Another nice one. It has 17 transition effects which are customizable. It allows thumbnails.
Menucool Javascript Image Slider