jQuery image slider plugins are are several interesting use cases for image sliders it is most common to use them on the front page to showcase featured articles or products. jQuery image slider really become very popular in web trend which also help you slideshow featured portfolio, posts, images to attack visitors and gives a nice look.
in this article VisionWidget collected 30 both jquery image sliders plugins and tutorials to help you know how to use jquery image sliders on websites and give you more ideas in next web design projects. This post has just been updated with new sliders from 2011.
If you like this article, you might be interested in some of our other articles:
- 15 Best Examples of Free jQuery Content Sliders
- 25 jQuery Animation Effects Examples Tutorials
- Amazing TOP 12 Photo Gallery And Slideshow use jQuery Plugins
FeaturedArticles for WordPress slideshow plugin allows you to create sliders in your blog pages directly from your already written content, be it posts or pages.
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.
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.
Awesome full size/screen jQuery image slider plugin.
Promotion Slider is a jQuery slideshow populated by the promotions you enter into the WordPress admin area.
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.
Another Flash slider with cool transition effects. This is actually a tutorial and you can learn how to create it yourself!
Flash slider with the most awesome transition effects you can imagine!
TN3 Gallery is a jQuery image gallery with slideshow, transitions effects, multiple album options, CSS skinning and much more. It’s compatible with all modern desktop and mobile browsers.
We will make use of the parallax principle to move different backgrounds when we slide to an image in order to create some nice perspective. This will give a great depth to the whole slider when it's in motion.
jQuery plugin lets you create a simple, effective and beautiful slider for images of any size, and even includes some parameters for making awesome captions and a sweet timer.
The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when navigating through the images.
The Easing Slider is an image slider plugin for WordPress which uses the jQuery Easing plugin.The Easing Slider comes with various options that allow you to choose different sources to get the images from and also multiple styling options so that you”ll never have to edit any files directly & with ease. Create your own unique elegant slider
Slicebox makes use of the 3D transforms properties and allows different kind of effects. The main idea is to create three-dimensional image slices that will rotate and reveal the next image as another side of the 3d object.
TheThe Image Slider is a WordPress plug-in that provides you with one of the most powerful, the most creative and the most versatile of image sliders built using jQuery. This sleek Image Slider plug-in is great for all those who are looking for a quick and easy way to get their portfolio online.
A simple jQuery based flipped image gallery. On hover the images will expand.
SlideDeck was designed to replace the web’s current model of text heavy services pages, unclear product tours and confusing process diagrams with a fun, quick and beautiful way to interact with websites.
The Simple Nivo Slider plugin provides easy access to Gilbert Pellegrom’s excellent jQuery-based Nivo Slider. The admin panel makes it easy to tweak the most commonly used Nivo Slider options from within WordPress.
WOW Slider is a jQuery image slider with stunning visual effects (Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical and Basic linear) and tons of professionally made templates
Today we are making a complete jQuery & CSS website for a fictional mobile application. It is going to feature semantic markup and a progressively enhanced slideshow effect. It will allow the user to see four of the most popular smartphones running the mobile app.
The Slidorion displays beautiful images along with a variable length description. With slides linked to each tab, and accompanied by a large array of effects, the Slidorion is a great alternative to the traditional jQuery slider.
Galleria uses canvas and other techniques to create thumbnails and scale images on the fly, great when trying different sizes and themes without opening photoshop.
As you can see pretty much any html can go in the panels from your CMS, you just need to format them with CSS
It’s a simple circular content carousel.The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the “more” link, the respective item moves to the left and a content area will slide out.
Diapo slideshow is an open source project.You can download it and use for free, you can also include it in your projects and sell it as part of a bigger work.Diapo slideshow requires jQuery 1.4+
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.
Those jQuery Image Slider Plugins all free (though some require different licensing for commercial use, have premium versions available, or offer paid add-ons).