jQuery image slider plugins are very popular these days and found on many many websites. There are several interesting use cases for image sliders, however I think it is most common to use them on the front page to showcase featured articles or products. I’m a great fan of jQuery because it is easy to use, proven and then there are literally hundreds if not thousands of free plugins available. There is also a good selection of Image slider plugins available and I believe they improve all the time. In particular worth mentioning is that they are typically lightweight (fast download), feature rich and look professional. Lately some of the jQuery image sliders have got some really cool transition effects as well. In this article you will find both jquery image sliders plugins and tutorials showing you how image sliders can be created from ground up. This post has just been updated with new sliders.
Cool jQuery Image Slider Plugins
Saloon is a jQuery Banner Rotator which animates your image and text slides with transition effects of the wide library. Easy installation, great transitions and text animations define the freshline style. See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. Give each slider a description and more elements to transport your message.
The touch style drag and rool feature if pretty cool.
Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.
LAYERSLIDER (MUST SEE EFFECTS)
This is a jQuery content slider using the famous parallax-effect! You can create as many layers and sublayers as you want. You can use images or any other HTML elements, including Flash movies as layers. The script is very user-friendly, you can add global settings or local (per slide) settings to each layer or sublayer. You can change delay times, easing types, durations and much more.
As with most well written jQuery image slider plugins you can get awesome features on your web pages with only a few lines of code. Coin Slider is an excellent script for showcasing images on a web site or blog, fx. an online portfolio.
You can create all Galleries you want with elegance and style. The sliding wffect for both images and text is pretty cool.
JQUERY BANNER ROTATOR / JQUERY SLIDER
This is a jQuery image slider plugin featuring multiple transitions. The thumbnails and buttons allow for easy navigation of your banners/ads. The banner rotator is also re-sizable and configurable through the plugin’s parameters.
Awesome full size/screen jQuery image slider plugin. It resizes the images to fill browser while maintaining image dimension ratio. Further it cycles Images/backgrounds via slideshow with transitions and preloading
This plugin features 8 unique transition effects, image preloader, autoplay that stops on user interaction and lots of easy to set options to create your own effects.
Great and flexible jQuery image slider plugin with awesome transition effects. This plugin have 9 unique transition effects. It is very popular and used a lot by WordPress theme developers building sliders into the themes. Another option of course is to use a WordPress slider plugin.
MORE INFO (Free plugin, premium developer packabe available)
Advanced Slider is a jQuery plugin that allows you to easily create powerful sliders using either XML , thus making the slider much easier to setup and maintain, or using HTML markup. The plugin also provides an easy to use API which will allow to further enhance the functionality of the slider and make it possible to integrate it into your own application. Please take a look at the list of features below.
Dragdealer is much more than a simple image slider. It offers a wide variety of features related to dragging, but is also quite powerful for creating different types if image sliders. I recommend you go to the website and try out the demos.
ESTRO JQUERY EFFECT SLIDER
Cycle is a script that supports image presentations to easily display multiple images. This script supports a lot of effects and the cycling of html elements. Presentation Cycle is a variation on the functionality of Cycle. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear.
AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features. In other words, to create a really “full featured” slider that could be widely useful.
Great jQuery image slider plugin for content and images. It is very easy to use – only a few lines of code is needed.
Very feature rich and good looking image slider. 8 unique transition effects
JQUERY SLIDER EVOLUTION
Create an unlimited number of sliders with customized settings for each one, and place them anywhere on your website with ease.
3D ROTATION VIEWER
This cool stuff easily creates a 3D rotation viewer in UIZE that lets users rotate the view of an object a full 360 degrees using a mouse, or finger on the Apple iPad.
Horinaja is a ready-to-use slide-show implementation, utilizing either scriptaculous/prototype or jQuery. A running example above. It allows you to use a mousewheel for navigation.
jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects. ‘wave’, ‘zipper’ and ‘curtain’ effect, plus options that can be used for custom effect.
Jquery plugin that allows you to easily create a custom carousel. Call Jquery UI to enable many different additional transition types and easing methods. Uses PHP to draw images from the folder you specify. Configure many different options including controls, slide timer length, easing type, transition type and more!
Kenburner is the premium way of using a slider in your website. A combination of Ken Burns Effect, state-of-the-art Slider and Text Animations defines this slider.
Customize this slider with just a little HTML and CSS to your very needs. Give each slider some captions to transport your message. Use your Ken Burns Animated banner elements with the possibility of playing YouTube and Vimeo clips in a special detail view with describing text.
ALL IN ONE JQUERY ROTATOR – CONTENT SLIDER
Support 6 different slider formats.
This slideshow has the ability to showcase imagery automatically. This is a twist from classic slideshows which uses a kind of transition to animate between slides.
jQuery Image Slider Tutorials
Other sliders worth considering (Not jQuery)
Flash slider with the most awesome transition effects you can imagine!
Another Flash slider with cool transition effects. This is actually a tutorial and you can learn how to create it yourself! Want to keep on surfing? Have look at these Drupal 7 Themes maybe this is what you’re looking for. Also don’t miss these best wordpress themes if you’re looking for a great theme for your website.