25 jQuery image galleries and slideshow plugins

For some sites, image galleries are an absolute must. Portfolios are the first to come to mind, but galleries are also useful for blogs, e-commerce sites, and really any site that regularly displays multiple images on a single page.

Below are 25 fantastic jQuery gallery and slideshow plugins. They’re all free (though some require different licensing for commercial use, have premium versions available, or offer paid add-ons). We’re sure there’s almost certainly going to be something to fit whatever your current project needs.

Feel free to suggest other options at the end of this post in the comments’ area…

 

TN3 Gallery

TN3 Gallery is our own fantastic and professional jQuery image gallery plugin that includes slideshow capabilities. Features include a fullscreen option, dynamic image sizing, document linking, multiple albums and mouse wheel navigation. It can be skinned with CSS to match your site’s theme and it’s compatible with all modern desktop and mobile browsers and is also search engine friendly.

 

PikaChoose

PikaChoose is a lightweight slideshow plugin that can be used for carousels and lightboxes. A few premium themes are available for PikaChoose, including an instant photo theme, if you don’t want to create your own theme. It’s highly customizable and can be integrated with Fancybox.

 

Slides

Slides is a simple slideshow plugin for jQuery. It’s designed to help both novice and advanced users create user-friendly, elegant slideshows. You can includes images with captions and links, and embed multiple slideshows on a single page.

 

SlideDeck

SlideDeck is a powerful jQuery slider plugin that can be used for media galleries as well as other content. It offers full CSS customization, custom skins, slider mode (for more traditional slideshows), and touch screen support. There’s also a premium version available.

 

Coin Slider

Coin Slider is a jQuery slider with unique transition effects. It has flexible configuration options, and is compatible with IE6+, Firefox 2+, Safari 2+, Google Chrome 3+, and Opera 9+, all with valid markup. It’s also compatible with iOS and Android.

 

jQuery.popeye 2.0

jQuery.popeye 2.0 is an in-line slideshow plugin. It looks like just a normal image on a page until hovered on, when captions and navigation controls appear. It’s a great option for someone who wants an unobtrusive image gallery on their site. Controls and image count can also be included with the image when it’s not being hovered on.

 

Galleriffic

Galleriffic is built to handle large volumes of images while conserving bandwidth. It uses smart image preloading after the page has loaded, and can be integrated with the jQuery.history plugin for bookmark-friendly URLs per-image. You can add your own custom transition effects, there’s support for image captions, and the whole thing is very flexible.

 

Galleria

Galleria’s purpose is to make it easier for anyone to create professional-looking image galleries for the web and mobile devices. It comes bundled with a single theme, and additional premium themes are available starting at $9. You can also build your own theme using Galleria’s API.

 

Nivo Slider

The Nivo Slider includes 16 unique transition effects and tons of settings you can tweak to meet your needs. The markup is all clean and valid, and the packed version is only 15kb. The Slider also includes support for HTML captions, keyboard navigation, and linking images, and comes with three themes.

 

Smooth Div Scroll

The Smooth Div Scroll plugin lets content scroll horizontally to either the left or right, without limiting the scroll to distinct steps. There are no visible buttons or links, as scrolling is done through hotspots within the scrollable area, or with autoscrolling.

 

Sliding Image Gallery

The Sliding Image Gallery plugin was inspired by the iTunes album viewer. There are a few variations available, and full instructions for implementation are provided.

 

Sideways

Sideways is a fullscreen image gallery that’s absolutely gorgeous, especially on widescreen displays. It includes both a thumbnail viewer and next image navigation.

 

Orbit

Orbit is a simple image slider from Zurb. You can use image thumbnails for navigation, and it has clean, semantic code. Navigation can be inside or outside the container, it supports HTML captions, and even CSS3 Font-Face text over your images.

 

ShineTime

ShineTime is a jQuery and CSS3 gallery with animated shine effects on both the thumbnails and photo captions. It uses thumbnails for navigation.

 

AD Gallery

AD Gallery is a simple slideshow plugin that supports both slide in and fade in of images, preloading of images, and image descriptions. It will scale down images that are larger than the container size, while centering images that are smaller.

 

Supersized

Supersized is a fullscreen background slideshow. It automatically resizes images to fit the browser window while maintaining their aspect ratio and preloads images. There’s also a Supersized Flickr version that will pull images from your Flickr photo stream.

 

prettyPhoto

prettyPhoto is a lightbox clone, with support for images, video, Flash, iframes, and ajax. It can be used for single images or galleries, and galleries can have mixed content.

 

ColorBox

ColorBox is a lightweight and customizable lightbox plugin that supports photos, ajax, and iframes. It will preload your background images, and preloads upcoming images within a photo group. It comes with elastic and fade transitions, as well as the option for no transition between images.

 

YoxView

YoxView is a lightbox-type media and image viewer plugin. It supports images, video (including YouTube, Hulu, and Vimeo), inline content, iframes, Flash, and more. It can be embedded in the same page multiple times, and you can have content play automatically.

 

Micro Image Gallery

The Micro Image Gallery is a tiny image gallery plugin, designed for use when space is limited. There are three sizes available, 102 pixels, 162 pixels, and 222 pixels, and galleries can default to show thumbnails or a single image when loaded.

 

lightBox

The jQuery lightBox plugin was inspired by Lightbox JS. It’s simple and unobtrusive, overlaying images directly over the current page. There are a number of configuration options available for customizing the plugin.

 

Morphing Gallery

The jQuery Morphing Gallery plugin uses a combination of fades and shape-changing as transition between images. The entire slideshow changes size and shape to fit the image being displayed.

 

slideViewer

slideViewer is a simple jQuery image slider built on a singe unordered list. It offers tooltip captions for the images, which can be customized, as well as customizable CSS for styling.

 

Fancybox

Fancybox is a simple modal window style gallery plugin. It can handle a variety of content beyond images, including inline content, ajax, iframes, and Flash. It supports a variety of title positions, and the slideshow can be navigated using your mouse’s scrollwheel or with onscreen navigation.

 

Spacegallery

Spacegallery has a 3D interface that loads new images when you click on the existing one. It has a configurable border, animation duration, perspective height, and more.

Feature image by Shutterstock

What’s your favorite jQuery gallery plugin? Is it on the list or something else entirely? Let us know in the comments!

0 shares
  • http://www.eastdevonit.co.uk Dan Web Designer

    Great collection, thanks

  • http://windowsphoneresolution.com windows phone resolution

    I have used lightbox before but fancybox looks even better. Got to try it on my site

    • http://twitter.com/snottrocket Andy

      Lightbox is nice…Fancybox is really nice. I use it on my personal site.  http://www.snottrocket.com.

      • Wendelle

        you’re right, i like fancybox more than lightbox, aside from not being conflict from other plugins, it can handle more than images

    • Anonymous

      Fancybox is nice, but has some rendering issues in iOS. After trying all the available lightbox plugins, I wound up going with colorbox on a recent project.

  • http://twitter.com/PingDesigns David Pingleton

    Great collections of sliders and image galleries. Thanks for sharing these.

  • Anonymous

    Great collections of image gallery. Thanks 

  • Mail Espreson

    Design blog repeat this type of post. Whats the catch..

  • http://www.zichicas.com/ juegos de chicas

    very useful, thanks for sharing :)

  • Jaeger

    Great list. Most useful.
    TN3 is an awesome plugin, particularly its ability for full screen slideshow. Unfortunately, multiple albums mode is only available in PRO version.
    Does anyone know an alternate which has multiple albums builtin??
    Thanks

  • Frank

    I love this one http://creativator.net/projects/jswitch/ looks like my BB PlayBook

  • http://twitter.com/bomgostosites Bom Gosto Sites

    I use a Nivo Slider, lightbox, 3d slider and other two…good collection…

  • Nukises

    Orbit slider is stunning – love it and sooo easy to use. Is there a gallery script that takes photos from a Flickr stream and embeds them into a pretty gallery for HTML?

  • http://www.destinyislands.com/ Destiny Islands

    Yeah totally awesome. WDD has some of the best stuff, really appreciate the post!

    • http://www.webdesigncreare.co.uk Irina

      Good stuff, loved ‘popeye’ slider, not seen it before.
      I also use ‘cycle’ quite a lot as there’s loads of cool effects which can
      be achieved by taking advantage of the options: jquery.malsup.com/cycle/options.html

  • Alexandre Kilian

    i prefer the jquery.cycle plugin… is great because you can optimize it the way you need it… can’t remember the last project i didn’t use it

  • http://www.pscyhed.be/wordpress CiNiTriQs

    thanks alot, extensive resources, keep up the great posts!

  • http://www.webdesignhighwycombe.com Douglas Garratt

    Thank you very much for these will def be using these over at http://www.webdesignhighwycombe.com thanks for sharing the info! will make this blog a regular visit I think now!

  • Franky

    Really Amazing beautiful blog.

  • http://twitter.com/snottrocket Andy

    I love Orbit. I’ve played around with it for some side projects….Sideways is wicked cool, though. I might be using it on my next project.

  • http://www.facebook.com/people/Jims-Daniel/100002671561225 Jims Daniel

    You can add effects to your photos at http://www.addeffects.net without installed software

  • http://www.adwokatkaminski.pl JK

    Best collection I have seen lately.

  • http://www.homertechnologies.ca Carrie

    Great collections of galleries, Nivo slider is the easiest IMO

  • http://3circlestudio.com/ Justin Carroll

    I’m constantly looking for reliable WordPress plugins for sliders. Nivo is what I would use, but their plugin isn’t free like their core. The reason I’m looking is because I would rather updates be pushed to my themes – less maintenance for me and my customers.

  • Beth

    These look great! Thanks! Question: I’m making a site for an artist. He wants thumbnails and enlargements of course but he’d also like to be able to mouse over the enlargement to zoom in on details. Thanks.

  • http://www.redactsolutions.co.uk Giles Vernon

    Nice list, thank you for sharing!

  • seth

    It’s a little off topic, but we’ve literally just released a new free WordPress gallery plugin that might be of interest to people here.

    It works and looks very similar to some of the lightbox galleries you’re reviewing here, but is designed to work specifically in the WordPress sidebar. It’s minimal, easy to use, and customisable too.

    As it’s just released we’re looking for feedback (www.support.kinocreative.co.uk) and sites where people are using the plugin that we can showcase.

    Check it out here and let us know the feeback http://www.kinocreative.co.uk/plugins

  • Anonymous

    Great collection, you may add RoyalSlider to your list.

  • scriptwizard

    many collection of jquery plugin image slider, i haven’t tried nivo slider yet

  • pixedelic

    Hi there, I just release my first jQuery slideshow, it’s free, if you want to share it, or use it, or make suggestions: http://www.pixedelic.com/plugins/diapo/