Top 10 Javascript slideshows, carousels and sliders

When you're looking for a very eye-candy way to display your content, slideshows are always a good choice. Here's our selection of 10 cross-platform, absolutely stunning slideshows, carousels and sliders, based on Mootools, JQuery, Yahoo! User Interface, and Script.aculo.us.


SpaceGallery

Accessible news slider
SpaceGallery is a new JQuery plugin that provide an impressive Time Machine like effect to your images. Very good.

Noobslide

Noobslide
Definitely one of my favorite slideshow. Based on Mootools, Noobslide allows numerous variations and customization, despite of its lack of offical documentation.

Accessible News Slider

Accessible news slider

Accessible news slider is cool Javascript slider, based on JQuery. I used it many times at work, and both myself and clients enjoyed it.
Sadly, it could be a bit hard to personalize it. If you’re interested in a tutorial, just ask in the comments!

SmoothGallery

SmoothGallery
In my opinion, SmoothGallery is one of the best Javascript slideshows available. In addition of the “classic” sliding effect, Smoothgallery also provide a very smooth fading between items. We’re using on our homepage here at CatsWhoCode. If you’re interested about integrating SmoothGallery to your blog homepage, you should definitely read this tutorial.

jQuery Multimedia Portfolio

jQuery Multimedia Portfolio
Based on JQuery, jQuery Multimedia Portfolio can handle a large variety of media : text, photos, but also flv videos and mp3 audio and is simple to use. A good script.

JCarousel

JCarousel
jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation). JCarousel is very complete, allowing you to creates vertical slideshows, text-scrollers, circular carousels, custom animations, and can be used together with Thickbox.
I never used it personally on a project, but I can’t wait to try it out!

Glider

Glider
Inspired by the carousel you can see on panic.com, here’s Glider, a Prototype/Script.aculo.us based slideshow. A really cool use of Glider has been done on the amazing WP Magazine Theme for WordPress.

Carousel

Carousel
Using YUI (Yahoo User Interface), this basic carousel is semantically coded (HTML LI elements within a UL), and allows you to display your content horizontally or vertically.
A simple but good carousel, if you just need the basic effects.

Carousel slideshow

Carousel
Carousel Slideshow is a Javascript showcasing script which do not require any library as such as Mootools or JQuery. It displays images in a 3D, carousel fashion. Not a bad script, but a bit too long to load on a slow connection.

Carousel.us

Carousel.us
Nice Javascript 3D carousel, using either the prototype.js and scriptaculous.js or mootools.js frameworks. It also uses PHP Easy Reflections v3.

Enjoyed this article? Please consider donating: 3FVR5qaxYV8yAgNUUS7FC3o8c54YfDR5zK