Using beautiful jQuery images sliders in your design is a great way to help your website looks awesome, charming and sexy. It’s a really userful web application and become very popular in web trend which also help you slideshow featured portfolio, posts, images to attack visitors and gives a nice look to blogs, websites. In this post i have collected 90 jquery image slider tutorials and plugins to help you know how to use jquery image sliders on websites and give you more ideas in next web design projects. Enjoy!!!
It has been developed with simplicity, efficiency and innovation in mind, making it the perfect slider solution for your website. Built with the use of jQuery, GSAP and Animus, the slider is guaranteed to offer unmatched motion design experience.
SlidesJS is a responsive slideshow plug-in for jQuery with features like touch and CSS3 transitions. Give it a try above and check out the examples to help you get started adding SlidesJS to your project.
Sequence.js is a refreshing and modern take on website sliders. Using just HTML and CSS, Sequence allows you to create your own responsive slider with unique transitional styles.
The jQuery slider that just slides.No fancy effects or unnecessary markup, and it’s less than 3kb.
BackSlider – site background image slider is an elegant and flexible solution for creative designs. This plugin can be used as site background changer or fullscreen image slider. Among other features this plugin offers five different slide modes, four animation effects and ability to load images directly from Flickr or Picasa.
This is a jQuery plugin to create 360 degree product image slider. The plugin is full customizable with number of options provided. The plugin have the power to display images in any angle 360 degrees. This feature can be used successfully in many use cases e.g. on an e-commerce site to help customers look products in detail, from any angle they desire.
Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.
Slidorion is a combination of an image slider and an accordion; displaying beautiful content through various effects.
Estro – jQuery Ken Burns & swipe effect slider
Download : Estro
RoyalSlider – Touch-Enabled jQuery Image Gallery
RoyalSlider is easy to use jQuery image gallery with animated captions, responsive layout and touch support for mobile devices. Easily add unlimited number of slides and captions. Use it as image slider, image gallery, banner rotator, banner ads, or even presentation.
jQuery Banner Rotator / Slideshow
This is a jQuery banner rotator 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.
Download : jQuery Banner Rotator
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.
Chop Slider 2
Chop Slider is the greatest and the most eye-catching animated jQuery image slider. Chop Slider uses full power of CSS3 animation (2D and 3D transform transitions).
CCSlider – jQuery 3D Slideshow
CCSlider is a unique jQuery slider and image slideshow plugin. It supports 3d transitions using HTML5 Canvas!
Download : CCSlider – jQuery 3D Slideshow
With TN3 Gallery you can easily create amazing photo galleries and slideshows with slick transition effects, as well as multiple albums, CSS skinning, XML and Flickr support.
SlideDeck comes bundled with a bunch of super-awesome features designed to save you development time and give you the flexibility to use it in a variety of ways. Features
WOW Slider is a jQuery slider and image gallery with lots of stunning visual effects and tons of professionally made templates. Features:
Advanced Slider – jQuery XML Slider
Advanced Slider is a jQuery slider and image gallery plugin that allows you to easily create powerful sliders and gallery using XML or using HTML markup. Features:
Download : Advanced Slider – jQuery XML Slider
The Nivo Slider is world renowned as the most beautiful and easy to use jQuery slider on the market. Completely free and totally open source, there literally is no better way to make your website look totally stunning. Features:
JQuery Slider/Image Rotator
This is carefully crafted slider and image gallery plugin, with a lot of features and easy to install and customize. Features:
Download : li JQuery Slider/Image Rotator
AviaSlider is a very flexible and easy to use jQuey slider and Image slideshow plugin with a set of really unique transitions, as well as some basic transitions.
Download : AviaSlider – jQuery Slideshow
jQuery List Style Rotator
This is a jQuery list style banner rotator featuring multiple transition effects. The scrollable list allow for easy navigation of your images. Features:
Download : jQuery List Style Rotator
Fresh Sliding Thumbnails Gallery with jQuery
Full page image gallery with a nice thumbnail area that scrolls automatically when mouse moving. The image will resizes according to the user screen.
Download : Fresh Sliding Thumbnails Gallery with jQuery
Sideways – jQuery Fullscreen Image Gallery
Sideways is a simple, yet elegant fullscreen jQuery image gallery created with jQuery library and some simple CSS.
Download : Sideways – jQuery Fullscreen Image Gallery
Animate Panning Slideshow with jQuery
This is a classic jQuery slideshow, but with different kind of transition to animate between slides.
Download : Animate Panning Slideshow with jQuery
Thumbnails Navigation Gallery with jQuery
Thumbnails Navigation Gallery is an extraordinary jQuery image gallery with scrollable thumbnails that slide out from a navigation.
Download : Thumbnails Navigation Gallery with jQuery
Fancy Transitions Image Gallery with jQuery
As the name, this jQuery image gallery has some really interesting transition effects, such as ‘wave’, ‘zipper’ and ‘curtain’ effects.
Download : Fancy Transitions Image Gallery with jQuery
Full Page Image Gallery with jQuery
Another stunning full page jQuery image gallery with scrollable thumbnails and a scrollable full screen preview by Mary Lou.
Download : Full Page Image Gallery with jQuery
Image Rotator Tabs with jQuery and CSS
This image rotator is another great way to display your portfolio pieces, ecommerce product images, or even as an image gallery.
Download : Image Rotator Tabs with jQuery and CSS
Beautiful jQuery slider with jQuery and CSS
This is beautiful jQuery sliders with image description and title.
Download : Beautiful jQuery slider with jQuery and CSS
ShineTime – Animated Shine Gallery with jQuery and CSS
This is a jQuery image gallery with shine effect. It making your gallery look like real Polaroid photo or made of glass.
Download : ShineTime – Animated Shine Gallery with jQuery and CSS
Interactive Photo Desk with jQuery and CSS3
Interactive photo desk provide some ‘realistic’ interaction possibilities for the user such as dragged and dropped, stacked and deleted.
Download : Interactive Photo Desk with jQuery and CSS3
Sliding Panel Photo Wall Gallery with jQuery
Photo Wall Gallery is a stunning jQuery wall gallery which filled whole page by thumbnails with a nice light effect when hovering. Full picture will be revealing from bottom when thumb is clicked.
Download : Sliding Panel Photo Wall Gallery with jQuery
Simple Slideshow using jQuery
This is a very simple(minimalistic) image gallery using jQuery.
Download : Simple Slideshow using jQuery
Mosaic Slideshow With jQuery & CSS
This jQuery image slideshow is called mosaic gallery, because it will feature an interesting tile transition effect when changing slide.
Download : Mosaic Slideshow With jQuery & CSS
Image Wall with jQuery
Image wall is a neat image gallery with jQuery. It is using really amazing effects to show your gallery.
Download : Image Wall with jQuery
HTML5 Slideshow with jQuery & canvas
As the name implies, this is a HTML5 image gallery with jQuery and canvas element.
Download : HTML5 Slideshow with jQuery & canvas
Start/Stop Slider with jQuery
This jQuery slider does feature a stop/start button and the animation goes a little farther than simple sliding to the left.
Download : Start/Stop Slider with jQuery
Flickr Photobar Gallery with jQuery and Flickr API
This is a bottom photobar gallery that uses the Flickr API. It can easily integrate into your website.
Download : Flickr Photobar Gallery with jQuery and Flickr API
Grid Navigation Effects with jQuery
There are some neat grid navigation effects available in Grid Navigation gallery. Try it yourself!
Download : Grid Navigation Effects with jQuery
Rotating Billboard System with jQuery and CSS
This jQuery image gallery will provided you the effect like in a rotating billboard system.
Download : Rotating Billboard System with jQuery and CSS
Rotating Image Slideshow with jQuery and CSS3
You can use this beautiful jQuery image slideshow to spice up your websites and products page.
Download : Rotating Image Slideshow with jQuery and CSS3
jQuery Image Scroller
This jQuery slider shall be different with others since it will be completely autonomous and will begin scrolling once page loaded.
Download : jQuery Image Scroller
Moving Boxes Gallery with jQuery
In this jQuery slider, there are prev/next buttons to change slides and slides will be zoomed in when selected and zoomed out when unselected.
Download : Moving Boxes Gallery with jQuery
Portfolio Zoom Slider with jQuery
This jQuery slider is suitable for a portfolio or similar website. It gives user the option to view details of a portfolio item by zooming it on hover and full view by clicking.
Download : Portfolio Zoom Slider with jQuery
Hover Slide Effect with jQuery
This jQuery image slider contains several images that slide out when we hover over it and revealing other images randomly.
Download : Hover Slide Effect with jQuery
Slider Gallery with jQuery
This is a creative image gallery with a slider for the thumbnails using jQuery.
Download : Slider Gallery with jQuery
Slick and Accessible Slideshow Using jQuery
This is pretty simple jQuery slider. Try creating one for yourself!
Download : Slick and Accessible Slideshow Using jQuery
Apple-style Slideshow Gallery With jQuery and CSS
Apple-style jQuery slideshow gallery is great to display your products for your website.
Download : Apple-style Slideshow Gallery With jQuery and CSS
Apple-style Slider Gallery with jQuery
Another apple-style jQuery slider gallery for you!
Download : Apple-style Slider Gallery with jQuery
Cloud Carousel – 3d Carousel with jQuery
If you like 3D Carousel effect, here’s jQuery-based carousel gallery.
Download : Cloud Carousel – 3d Carousel with jQuery
Image Flow Gallery with jQuery
Image Flow Gallery is an unobtrusive and user-friendly jQuery image gallery.
Download : Image Flow Gallery with jQuery
Flick Photo Gallery with jQuery
The main functionalities of this jQuery image gallery are to pull in images dynamically from Flickr photoset and to dynamically grow or shrink the gallery area.
Download : Flick Photo Gallery with jQuery
More Free jQuery Image Slider Plugins & Tutorials
- COIN SLIDER
- Rotating Image Slider with jQuery
- Code Your Own Juicy Tabbed Slider (using the Nivo Slider)
- Improved Micro Image Gallery: A jQuery Plugin
- jQuery Flickr Photo Gallery Plug-In – Powered by Flickr Sets
- AD Gallery, gallery plugin for jQuery
- Automatic Image Slider with CSS and jQuery
- Building a jQuery Image Scroller
- Supersized jQuery Fullscreen Plugin
- AD jQuery Gallery Plugin
- Sliding Boxes and Captions with jQuery
- Animated Panning Slideshow with jQuery
- Horinaja jQuery Plugin
- jqFancy Transitions
- AnythingSlider jQuery Plugin
- LoopedSlider Plugin
- CSS and jQuery Image Slider
- Moving Boxes jQuery Plugin
- Create a Simple Image Slide Show using jQuery
- Slide-N-Hide jQuery Plugin
- Scrollable jQuery Tutorial
- PopEYE Slider
- Slider Gallery
- Sliding Panel Photo Wall Gallery with jQuery
- Create a Simple, iTunes Like Slider
- Create an Image Rotator with Description
- A Simple jQuery Slideshow
- Fancy Sliding Form with jQuery
- Create a Slick and Accessible Slideshow using jQuery
- Create a Beautiful jQuery Slider Tutorial