90 Fantastic jQuery Image Slider Plugin Tutorials & Plugins

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!!!

Slidea

best jQuery slider plugin

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.

Download : Slidea

SlidesJS

slider-jq-r

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.

Download : SlidesJS

Sequence.js

sequence-js

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.

Download : Sequence.js

Unslider

unslider

The jQuery slider that just slides.No fancy effects or unnecessary markup, and it’s less than 3kb.

Download : Unslider

BackSlider

backslider

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.

Download : BackSlider

Threesixty-slider

360degree

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.

Download : Threesixty-slider

Blueberry

Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.

Download : Blueberry

Slidorion

jquery-slider-bshk-45

Slidorion is a combination of an image slider and an accordion; displaying beautiful content through various effects.

Download : Slidorion

Estro – jQuery Ken Burns & swipe effect slider

This jQuery plugin uses unobstrusive javascript to transform a block of simple HTML markup into a georgous elegant slider, which can be completely customized using HTML5 data attributes. The markup is valid HTML5 and SEO optimzied, with all content always being available to search engines. When using this plugin, your page layout will be consistent even if javascript has been disabled.

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.

Download : RoyalSlider

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

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.

Download : Slides

Chop Slider 2

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).

Download : Chop Slider 2

CCSlider – jQuery 3D Slideshow

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

TN3 Gallery

TN3 Gallery

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.

Download : TN3 Gallery

SlideDeck

SlideDeck

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

Download : SlideDeck

WOW Slider

WOW Slider

WOW Slider is a jQuery slider and image gallery with lots of stunning visual effects and tons of professionally made templates. Features:

Download : WOW Slider

Advanced Slider – jQuery XML Slider

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

Nivo Slider

Nivo 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:

Download : Nivo Slider

JQuery Slider/Image Rotator

li 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

AviaSlider – jQuery Slideshow

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

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

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 – 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

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 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

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

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

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

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

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 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

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

Simple Slideshow using jQuery

This is a very simple(minimalistic) image gallery using jQuery.

Download : Simple Slideshow using jQuery

Mosaic Slideshow With jQuery & CSS

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 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

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

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

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

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

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

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

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

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

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

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

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

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 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

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

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 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

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

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.