21 Brilliant jQuery Image Gallery/Slideshow Plugins

Posted in jQuery

Image galleries and slideshows provide a good user experience and make viewing images more pleasant and intuitive on your website. With the advent of powerful JavaScript frameworks like jQuery, Prototype, Mootools etc., the quality of JavaScript based image galleries and slideshows have improved dramatically.

As these frameworks are getting popular day by day, more and more web developers are coming out with new and creative ideas every day. Here are 21 brilliant jQuery plugins which you can easily use to create an image gallery/slideshow for your website.

1. Spacegallery

Spacegallery displays your images with a nice 3D effect and it is also pretty easy to use and customize.

2. prettyPhoto

prettyPhoto might look like jQuery Lightbox clone but it supports videos, flash, YouTube videos, iFrames besides images. It also comes with useful API and 4 beautiful themes. It is a great plugin to create an image as well as multimedia gallery.

3. Zoomimage

Stylish way to present your images in a nice popup with a drop shadow and border.

4. Pirobox

Another lightbox based image gallery plugin that resizes images based on browser size and next/prev links can be placed inside or outside of the image.

5. slideViewerPro

slideViewerPro is a fully customizable jQuery image gallery engine that lets you create outstanding sliding image galleries for your projects or interactive galleries within blog posts.

6. Galleria

Galleria generates an image gallery from an unordered list and once the images are loaded, thumbnail navigation is generated. It is easy to customize using just CSS and degrades gracefully if JavaScript is disabled.

7. jQuery PanelGallery

jQuery PanelGallery generates a slideshow of images with a unique transition. Image transition occurs in a sequential manner displaying the new image panel by panel, thus the name PanelGallery. It is lightweight and allows you to change the direction of panel transition.

8. PikaChoose

Pikachoose allows easy presentation of a bunch of images using slideshows with nice thumbnails, next/prev buttons and autoplay options.

9. jQuery Gallery Plugin

This plugin will transform a list of images into a flash like image gallery. Thumbnail navigation only shows up when you hover over the image and behaves like infinite carousel.

10. EOGallery

EOGallery creates an animated slideshow and images are displayed in larger size using jQuery Thickbox plugin.

11. Smooth Div Scroll

As the name suggests, this plugin scrolls content smoothly and horizontally in either left or right direction. This plugin can scroll any html content and if you use images, you’ll end up with a nice smoothly scrolling slideshow.

12. Sliding Image Gallery

Sliding image gallery displays a number of images in an easy to use manner just like the iTunes Album Viewer. It is quite easy to implement and gives you a lot of options to customize.

13. Step Carousel Viewer

This plugin displays images or any HTML content by side scrolling them left or right with a smooth sliding animation during transition. And with its two public methods and two custom event handlers, you can customize it to your requirement easily.

14. jQuery Virtual Tour

With this plugin, you can convert panoramic views into virtual tours, it degrades gracefully if JavaScript is disabled.

15. Ultimate Fade In Slide Show

This is a robust, cross browser fade in slideshow script that incorporates some of your most requested features all rolled into one.

16. ThickBox Gallery

jQuery Thickbox plugin can be used for creating a nice image viewer that shows images in a lightbox and supports keyboard shortcuts to navigate through the images.

17. jQuery Lightbox

This one is a simple elegant and unobtrusive plugin to create an overlay image viewer that supports keyboard shortcuts and requires minimal coding effort.

18. GalleryView

GalleryView lets you create a flexible and attractive content that is very easy to implement and customize. Also, their way of explaining the anatomy of GalleryView plugin is very intuitive.

19. Flickr Gallery

Flickr Gallery generates a slideshow whose size varies with the size of image. As the name suggests, it can directly pull images from a flickr account(needs Flickr API key) or you can use just a simple unordered list. Thumbnail navigation is intuitive with a nice scrolling bar.

20.Easy Slider

Easy slider enables images to slide either horizontally or vertically and it can be styled easily using CSS. The latest version of this plugin supports continuous scroll instead of jumping over to first slide from last slide.

21. SuperSized

Using Supersized, you can display large sized photos easily as it will scale the images automatically depending on browser size and supports preloading of images for better experience.

Tags:

Share


Subscribe to Full RSS Feed

RSS FeedIf you found this article useful, then consider subscribing to our RSS Feed or e-mail updates to stay updated with latest Web Design/ Development articles. You can also follow @webdevplus on twitter for latest updates.

17 Responses (Add Your Comment)

  1. Naresh says:

    nice informative list.

  2. Natasha says:

    Thanks, this was a really great roundup and came in handy for a small project we had!

  3. Social Icons says:

    My fav is the Galleria slideshow its very beautiful looking when you add a bunch of nice photos or designs.

  4. cyianite says:

    nice site, very useful ..thanx

  5. Nice Image-Gallery-Collection, if you need some more jQuery-Scripts for Image-Galleries, don’t miss Creative Image-Galleries by jQuery or ImageFlow – The animated Image-Gallery!

  6. prem says:

    Very useful information ………
    Thanks a lot

  7. Kaushik says:

    Great collection. Will have to go through them. Bookmarked.

  8. wie yoga says:

    Very useful …!
    Thanks for sharing

  9. artsyguy says:

    You forgot ‘Galleriffic’ here is the link:
    http://www.twospy.com/galleriffic/demo/index.html#11

  10. Excellent post. It help me reach to the gallery script that I was looking for. ThankS

  11. denbagus says:

    great info…thank you

  12. Hidayath says:

    Great collection of Image Galleries… Few also found at http://hgalcollection.0fees.net/Galleries-a/

  13. Sergey says:

    Great ! Thanks for this wonderful collection . Personally I use thick box and visuallighbox jquery plugin, http://visuallightbox.com/

Comments are closed for this post.