25 Incredible jQuery Slider Tutorials and Plugins

Written by Tomas Laurinavičius on Saturday, December 5th in Development / Tutorials / 41 Comments

Content sliders are a great way to show large amount of content or images on a smaller area in a website or blog. They are commonly used in portfolio sites, corporate sites or blogs. You may probably heard that jQuery isn’t very hard to learn. If you are interested in implementing a content slider in your website please check our jQuery tutorials and plugins collection.

In this collection you will find 25 Excellent jQuery Slider Tutorials and Plugins that you can implement into your website.

1. Create Beautiful jQuery slider tutorial

Create Beautiful jQuery slider tutorial

2. jQuery Plugin – Feature List

jQuery Plugin - Feature List

3. Create an Image Rotator with Description (CSS/jQuery)

Create an Image Rotator with Description (CSS/jQuery)

4. Moving Boxes

Moving Boxes

5. Using the Wonderful jFlow Plugin

Using the Wonderful jFlow Plugin

6. Creating a Slick Auto-Playing Featured Content Slider

Creating a Slick Auto-Playing Featured Content Slider

7. Design An Elegant Featured Content Slider for WordPress

Design An Elegant Featured Content Slider for WordPress

8. jQuery Slider plugin (Safari style)

jQuery Slider plugin (Safari style)

9. Accessible News Slider

Accessible News Slider

10. Animated JavaScript Accordion V2

Animated JavaScript Accordion V2

11. jQuery UI 1.7 Slider from a Select Element

jQuery UI 1.7 Slider from a Select Element

12. Easy Slider 1.7 – Numeric Navigation jQuery Slider

Easy Slider 1.7 - Numeric Navigation jQuery Slider

13. TabSwitch

TabSwitch

14. AnythingSlider jQuery Plugin

AnythingSlider jQuery Plugin

15. A jQuery Twitter Ticker

A jQuery Twitter Ticker

16. SlideItMoo 1.1 – improved image slider

SlideItMoo 1.1 - improved image slider

17. Making a Google Wave History Slider

Making a Google Wave History Slider

18. bxSlider – jQuery content slider

bxSlider - jQuery content slider

19. Making A Slick Content Slider

Making A Slick Content Slider

20. SlideViewerPro 1.0

slideViewerPro 1.0

21. A Beautiful Apple-style Slideshow Gallery With CSS & jQuery

A Beautiful Apple-style Slideshow Gallery With CSS & jQuery

22. Create a Slick and Accessible Slideshow Using jQuery

Create a Slick and Accessible Slideshow Using jQuery

23. Coda-Slider 2.0

Coda-Slider 2.0

24. jQuery Multimedia Portfolio

jQuery Multimedia Portfolio

25. Slider Gallery

Slider Gallery

Thank you for reading this article on jQuery Sliders.

Pass VCP-410 exam on first try with test-king. Our certified 350-001 questions and answers plus live demo tests for 70-680 are extremely useful to pass your certification in single attempt.

Written by Tomas Laurinavičius

Tomas is a young blogger from Lithuania. He's interested in webdesign, photoshop and wordpress. Follow Tomas on Twitter @tomaslau.

WP Greet Box icon

Subscribe For The Latest Update

Hello there! We regularly update articles about resources, tutorials and Webdesign to help designers and developers. If you are new here, you might want to subscribe to the RSS feed for free today!

Related Posts

41 Responses to “25 Incredible jQuery Slider Tutorials and Plugins”

  1. Andy Feliciotti 4 February 2010 at 07:04 Permalink

    Here’s another great one http://www.gayadesign.com/diy/presentation-cycle-cycle-with-a-progressbar/

  2. Federica Sibella 4 February 2010 at 11:16 Permalink

    Thanks Tomas,
    bxSlider is really what I was looking for. Have a good day.

  3. kirkoconnor 4 February 2010 at 23:30 Permalink

    this is the best list of jquery sliders I have seen.

    There are at least 3 I will be implementing on our website and future clients websites – probably more.

    Thanks so much for sharing.

  4. Web design Cheltenham 7 February 2010 at 10:33 Permalink

    Thanks for sharing, some here I haven’t seen before and the tutorial on adding a Content slider for wordpress is really interesting,

  5. Arnault 22 February 2010 at 09:54 Permalink

    Thanks Thomas, now jquery multimedia portfolio in version 2

    supports images, flv, youtube videos, mp3 and PDF files

    http://www.openstudio.fr/jquery-multimedia-portfolio/

    ++

  6. Grimy 25 February 2010 at 08:10 Permalink

    Thanks guys! You rock!

  7. Gabo Esquivel 6 May 2010 at 15:56 Permalink

    thank you, excellent post on jquery sliders for my own project!!

  8. Surge Consulting Group 7 May 2010 at 00:53 Permalink

    Excellent collection! Thanks for rounding these up!

  9. Photostickersfan 13 May 2010 at 22:32 Permalink

    thank you.. i couldnt get the hang of it at first but everything fine now!

  10. Jennifer Web Design 16 May 2010 at 00:59 Permalink

    Thanks for your great collection, I prefer Jquery Slider than any other frameworks like Mootools or Javascript.

  11. izdelava strani 4 June 2010 at 16:18 Permalink

    I hate jquery slider, it’s old looking and too ‘heavy’, prefer rather lightbox

  12. simon 8 June 2010 at 17:29 Permalink

    Me too. I’m abig fan of Mootools.

  13. Beantown Design 10 June 2010 at 23:11 Permalink

    Here’s an edited version of a product slider I made for a clients website, free download too:

    http://webdesignandsuch.com/2009/12/jquery-product-slider/

  14. shevaa|webdesignersblog 16 June 2010 at 11:42 Permalink

    Nice Query List Thx for sharing….

  15. TwitterBackgrounds 16 July 2010 at 13:12 Permalink

    Good list of tuts. Thanks for sharing

  16. prashant 20 July 2010 at 04:27 Permalink

    you are awsome dude, i love all designs and request you to add more unique slider.


Leave a Reply