20 of the Best jQuery Slideshow Plugins

jQuery sliders, slideshows, and galleries are extremely common on a variety of different types of websites. Portfolio sites, blogs, e-commerce sites, and about any type of site can make use of a jQuery slideshow. Fortunately, there are a number of great plugins already coded that make it easy to add a slideshow in a matter of minutes. Each one offers different features and has it’s own style. In this post we’ll showcase 20 jQuery plugins that you may want to use for adding a slideshow in your own projects.

Slides
Slides is a jQuery slideshow plugin built for simplicity.Features include captions, multiple slideshows, and more.

Slides

jQuery.popeye
jQuery.popeye is an inline lightbox alternative with slideshow. Unlike lightbox plugins, jQuery.popeye doesn’t use modal windows to display images.

jQuery.popeye

jQuery Cycle Plugin
jQuery Cycle offers several different types of transition effects to choose from, including shuffle, zoom, fade, and more.  It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more.

jQuery Cycle Plugin


Nivo Slider
One of the most popular options for jQuery sliders/slideshows, Nivo Slider includes 16 different transition effects, customizable settings, keyboard navigation, and it is released under the MIT license. It’s also available as a WordPress plugin (for purchase).

Nivo Slider

TN3 Gallery
TN3 Gallery is a feature-rich slideshow plugin. It is a premium plugin ($37 for a single-site license) that also offers a free Lite version. The Lite version includes features like transition effects, fullscreen options, and optional captions, but it does not include other features from the Pro version including fullscreen keyboard navigation, multiple galleries on the same page, mousewheel navigation, dynamic image sizing, and more.

TN3 Gallery

Pikachoose
Pikachoose is a lightweight jQuery slideshow plugin with features like tooltips and fancybox support. Four premium themes are available for purchase.

Pikachoose

 

Coin Slider
Coin Slider is released under the MIT license and includes features like unique transition effects, flexible configuration, Android and iPhone compatibility, and more.

Coin Slider

Galleria
Galleria and its classic theme are released under the MIT license. It includes features like scaling images, touch screen support, and optional premium themes to improve the look of your slideshow.

Galleria

Orbit
Orbit is a lightweight slideshow plugin from Zurb.  It features simple implementation, optional captions and links, optional bullet navigation, and more.

Orbit

Supersized
Supersized is a full screen background slideshow plugin. It’s ideal for photography portfolios and other sites that rely on large images and photos.

Supersized

slideViewer
slideViewer is a lightweight jQuery plugin that allows you to implement a slideshow with a simple unordered list.

slideViewer

Advanced jQuery Background Image Slideshow
Originally a tutorial on Marcofolio, this was later converted to a plugin.  It allows you to use a full-screen slideshow as the back for a website.

Advanced jQuery Background Image Slideshow

Simple Controls Gallery v1.4
Simple Controls Gallery allows you to display images as an automatic or manually-controlled slideshow.

Simple Controls Gallery v1.4

s3Slider jQuery Plugin
s3Slider allows you to implement a simple slideshow with image captions.

s3Slider jQuery Plugin

Easy Slider
Easy Slider, from CSS Globe, is a versatile plugin that allows options like manual controls, vertical sliding, continuous sliding, and more.

Easy Slider

ColorBox
ColorBox is a lightweight, customizable lightbox and slideshow plugin.

ColorBox

simpleSli.de
simpleSli.de is lightweight slideshow plugin that comes in two versions, Big Boy (15KB) and Mini (6KB).

simpleSli.de

Skitter
Skitter allows you to implement a slideshow with a simple unordered list.  It includes several animation types, navigation options, and more.

Skitter

ResponsiveSlides.js
ResponsiveSlides.js is a lightweight responsive slideshow plugin. You can use it to create a slideshow that automatically fades from one photo to the next, or you can include manual controls.

ResponsiveSlides.js

Sideways
Sideways is a simple, elegant full-screen image gallery plugin.

Sideways

For more resources please see:

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.

12 Responses

Comments are now closed on this post.

  • Paul, January 30, 2012

    Awesome thanks for this.

  • Courtney, January 31, 2012

    Great collection… Project Seven has some awesome sliders as well..

  • aledesign.it, January 31, 2012

    So nice…really nice collection!!! Thanks for sharing..I need something like this!

  • Web Design Liverpool, January 31, 2012

    Very nice collection. Thanks for sharing

  • Lilia Ivanova, February 3, 2012

    Thank you! They all look really nice and time saving.
    I found this one it at dailyJS and it’s quite good too:
    http://luis-almeida.github.com/jPages/

  • Rajan Arora, February 15, 2012

    Nice collection.

  • Aaron Vanderzwan, April 26, 2012

    You should check out MaxImage 2.0. It uses the genius of jQuery Cycle plugin (http://jquery.malsup.com/cycle/) for the slideshow functionality so almost all of the Cycle options work but scales a background image to be fullscreen. It has been optimized for newer browsers but also works back to IE7. Now you can even have more than just images in your slides… you can slide content too (i.e. html text, images, youtube videos).

    Check it out:
    http://www.aaronvanderzwan.com/maximage/2.0/

  • Zet, August 20, 2012

    A great site for downloading and demo preview of great Plugins is also htmldrive.net! :)

  • John Moras, February 7, 2013

    Well I used nivoslider in a lot of our projects but for something simple I preffer custom solution which can be written in 6 lines of code.

  • Vili Germic, March 4, 2013

    I found this one based on jQuery (with no conflict mode) very usefull and totaly free: http://www.comslider.com :)

  • DesignOHO, June 19, 2013

    Thanks for a great script.
    It allows a better job.

  • Alain, June 25, 2013

    this is my free respondive slideshow plugin
    http://www.dev4web.it/web/projects/jquery/slicecarousel/