40 Useful jQuery Image And Content Sliders

jQuery has made the lives of developers extremely easy, thank to its efficiency and the availability of a plethora of plugins for different purposes. The plugins have enabled even amateur designers to create such amazing things, which before jQuery only professional and experienced designers could make. Many different kinds of jQuery plugins are being released everyday which can help you achieve a goal easily and quickly.

jQuery image slider and jQuery Carousel plugins are one of the most loved plugins. They are being used on a lot of different websites for quite some time now. The main reason for the popularity of these plugins is that image sliders help feature your best content in an attractive way without taking too much space. The sliders are always very eye-catching, and the best part is that now you can even place videos or layered HTML with animations in these sliders. Such sliders are called jQuery content sliders.

So today we have a list of some of the most awesome jQuery image sliders and content sliders tutorials for you. You should definitely check this list out if you are looking for some inspiration! We hope you will find this list helpful.

 

Elastic Image Slideshow

Demo | Download )

16-Elastic Image Slideshow with Thumbnail Preview

jQuery Slider Shock 

(Demo | Download)

Diapo jQuery Plugin

Demo | Download )

17-Diapo

Responsive Flexslider

Demo | Download )
18-Responsive jQuery Slider Plugin Flexslider

All in one jQuery Banner Rotator / Content Slider / Carousel

DEMO – by CodeCanyon (Premium Plugin)

jquery-banner-rotator-content-slider-carousel_thumb

Flux Slider Accelerated Image Transitions

Demo | Download )

19-Flux Slider

Bubble Effect Slideshow

Demo | Download )

20-Bubble Slideshow Effect with jQuery

Avia Slider

MORE INFO / DEMO – by CodeCanyon (premium plugin)

Avia Slider

Rotating Image Slideshow

Demo | Download )

26-Coding a Rotating Image Slideshow

jQuery Banner Rotator / Slideshow

MORE INFO / DEMO – by CodeCanyon (premium plugin)

jQuery Banner Rotator

Slideshow Fullscreen with HTML5 Audio and jQuery

Demo | Download )

27-Fullscreen Slideshow with HTML5 Audio and jQuery

Estro – jQuery Ken Burns & swipe effect slider

MORE INFO / DEMO – by CodeCanyon (premium plugin)

jQuery Ken Burns & swipe effect slider

Responsive KenBurner Slider jQuery Plugin

MORE INFO | DEMO – by CodeCanyon (Premium Plugin)

Responsive KenBurner Slider jQuery Plugin

Coin jQuery Image Slider

Demo | Download )

28-Coin Slider

Unique jQuery AviaSlider

Demo | Download )

29-AVIASLIDER – jQuery Slideshow

Factory Galleries

MORE INFO / DEMO – by CodeCanyon (premium plugin)

Factory Galleries

UnoSlider for WP – Responsive Touch Enabled Slider

MORE INFO | DEMO – by CodeCanyon (Premium Plugin)

UnoSlider for WP – Responsive Touch Enabled Slider

RoyalSlider – Touch-Enabled jQuery Image Gallery

MORE INFO | DEMO – by CodeCanyon (Premium Plugin)

RoyalSlider – Touch-Enabled jQuery Image Gallery

Smooth Div Scroll

Demo | Download )

30-Quick demo

jQuery Timelinr -CSSLab

Demo | Download )

21-jQuery Timelinr

jQuery OneByOne Slider Plugin

MORE INFO |DEMO by Codecanyon (premium plugin)

jQuery OneByOne Slider Plugin

Craftyslideshow

Demo | Download )
22-Craftyslide

Responsly.js

Demo | Download )
23-Responsly

Translucent – Responsive Banner Rotator / Slider

MORE INFO | DEMO – by CodeCanyon (Premium Plugin)

Translucent – Responsive Banner Rotator

Responsive Slide Deck 2

Demo | Download )
24-SlideDeck jQuery

jQuery simple panorama viewer

Demo | Download )

25-jQuery simple panorama viewer

Responsive Carousel Image Gallery

Demo | Download )

1-Responsive Image Gallery with Thumbnail Carousel

3D Image Slider – SliceBox

Demo | Download )

2-Slicebox – A fresh 3D image slider with graceful fallback

Making a Photobooth Web App

Demo | Download )

3-Photobooth with PHP, jQuery and CSS3

On-Scroll Sliding with jQuery

Demo | Download )

4-Lateral On-Scroll Sliding with jQuery

Dragg-able Image Boxes Grid

Demo | Download )

5-Draggable Image Boxes Grid

Slidorion-jQuery Image Slider

Demo | Download )

6-SLIDORION

Creative JCOVERFLIP – New Signature Lab

Demo | Download )

7-JCOVERFLIP

Awkward Showcase – A jQuery Plugin

Demo | Download )

9-Awkward Showcase – A jQuery Plugin

Slides

Demo | Download )
10-Slides

Elastislide – A Responsive jQuery Carousel Plugin

Demo | Download )

11-Elastislide – A Responsive jQuery Carousel Plugin

Nivo Slider

Demo | Download )

12-Nivo Slider

Circular Content Carousel with jQuery

Demo | Download )

13-Circular Content Carousel with jQuery

Skitter

Demo | Download )
14-Skitter

GALLERIA

Demo | Download )

15-GALLERIA


design

About the author

With a passion for Knowledge, Smashinghub has been created to explore things like Free Resources For Designers, Photographers, Web Developers and Inspiration.

Twitter Visit author website

Subscribe to Smashing Hub


4 Comments

  1. Alex Flueras says:

    Now this is a really useful collection. I especially like Elastic Image Slide Show and jQuery Timlinr. Thanks for putting this together.

  2. I want a J-Query With Post Slider with It how to make it with post slider so that it can slide my written post. I would Generally want a post slider becuase its better than image slider…any help would be grateful for fixing the issue for post slider

    regards,
    Shashank bhattarai

  3. Mahesh Verma says:

    nice post thanks sharing this really good collection :)

  4. Nice post. Thanks for sharing such a beautiful collection.