6 SlideShow and Image Gallery jQuery Plug-ins

Here is a list of 6 plugins you can use to create SlideShows and Image Galleries using jQuery. This section has been taken from my eBook 51 Tips, Tricks and Recipes using jQuery and ASP.NET Controls

Cycle - The jQuery Cycle Plugin is a lightweight slideshow plugin. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects.

jOmino - Wrap your html elements in a jQuery collection and animate them with a dominoes in motion effect.

PanelGallery - A simple image gallery where the images are sliced and faded in one piece at a time.

PikaChoose - PikaChoose is a image gallery plugin. You place images into an unordered list structure and let PikaChoose do the rest for you

Pliable Photo Gallery - Easy embeddable JavaScript based photo gallery. Great for showing off a small group of images. Guiding principles: simple, less requirements, more conventions

SlicedImageSlider - This plug-in provides sliced Image Navigation. The plugin loops through the given images and displays each image partitioned into n number of slices. It also has other options like direction in which you want the image to slide

If you have used any other image gallery plug-in, drop in a comment and let others know about it.






About The Author

Suprotim Agarwal
Suprotim Agarwal, Developer Technologies MVP (Microsoft Most Valuable Professional) is the founder and contributor for DevCurry, DotNetCurry and SQLServerCurry. He is the Chief Editor of a Developer Magazine called DNC Magazine. He has also authored two Books - 51 Recipes using jQuery with ASP.NET Controls. and The Absolutely Awesome jQuery CookBook.

Follow him on twitter @suprotimagarwal.

3 comments:

Sumit said...

The 'Cycle' plugin link is broken now.

Suprotim Agarwal said...

Thanks for informing! Fixed!

JA said...

Hi, here's tutorial for getting PikaChoose to work in a SharePoint environment with a little bit of hackery --

http://albertech.blogspot.com/2011/08/use-pikachoose-jquery-slideshow-in.html