10 jQuery Slider Techniques and Plugins

By / Jul 16, 2010 / Tutorials
shares

Last year we posted a collection of jQuery slider techniques and plugins. In a years time the trend of using these types of sliders or slideshows to display featured content has only grown more popular. This means more sites are using jQuery sliders and more people are coming up with new ways to create them. If you’ve yet to try implementing this on a site, here are 10 more techniques and plugins that will help get you started.

Fancy Sliding Form with jQuery

jquery slider

Automatic Image Slider w/ CSS & jQuery

jquery slider

Animate Panning Slideshow with jQuery

jquery slider

s3Slider

jquery slider

How to Create a Simple iTunes-like Slider

jquery slider

A Beautiful Apple-style Slideshow Gallery With CSS & jQuery

jquery slider

A Bullet-Proof Content Viewer

jquery slider

Automatic Infinite Carousel

jquery slider

Nivo Slider

jquery slider

loopedSlider

jquery slider

About the Author

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

25 Comments

  1. Jordan Walker
    July 16, 2010

    Thanks for the round up of jQuery image sliders.

    Reply
  2. Clayton Correia
    July 16, 2010

    Thanks for this. I’ve been using Nivo Slider a lot lately. It works well but I’m going to have to check out some of these other ones.

    Reply
  3. Avinash
    July 16, 2010

    Nice Collection & cool post as always !!

    Reply
  4. Lee
    July 16, 2010

    So helpful! I can use some of these in upcoming projects.

    Reply
  5. ON&E BLOG
    July 17, 2010

    i like “Fancy Sliding Form with jQuery” its look nice… and I’ll defiantly use in my next project.

    thanks

    Reply
  6. Graphic Design Junction
    July 17, 2010

    Nice collection…
    i also compile 70+ best jQuery Plugins… plz check i m sure all plugins are really helpful for u.
    http://graphicdesignjunction.com/2010/07/75-jquery-plugins-download-powerful-and-elegent-jquery-plugins-tutorials-2/

    Reply
  7. Alex Flueras
    July 17, 2010

    Excellent list, thanks for sharing!

    Reply
  8. Joefrey
    July 17, 2010

    Great post! keep them coming :)

    Reply
  9. Stuart
    July 18, 2010

    Great resource – bookmarked and guaranteed to be used regularly. Cheers, bud!

    Reply
  10. Michael Pehl
    July 18, 2010

    Thanks for sharing this roundup, except the “loopedSlider” every other slider is well known i would say.

    Reply
  11. ddeja
    July 19, 2010

    Slide Form – too flashy for me i supose. The second slider is just great, I was looking for something like that. And of course Nivo Slider very popular nowadays:)

    Cheers.

    Reply
  12. David the Web Designer
    July 19, 2010

    Nice collection here, jQuery plug-ins have grown in popularity over the past few years, it’s good to see the developers constantly improving and tweaking their work.

    Reply
  13. Damian Smith
    July 21, 2010

    Hey Henry,

    Thanks for finding and sharing all of these! I think the fancy sliding form jQuery will be used quite a bit in my next few designs! Fantastic looking form with the ability to play around with it quite a lot.

    jQuery is such a big deal nowadays due to flash slowly fading out (mostly thanks to apple) I am still a flash fan, mainly because I know what I’m doing but learning more and more jQuery everyday and finding it nearly just as versatile as flash.

    Thanks for sharing

    Reply
  14. Web Dizajn Bosna
    July 21, 2010

    jQuery is cool! thx.

    Reply
  15. sZorlu
    July 22, 2010

    Excellent..thanks

    Reply
  16. Adrian
    July 22, 2010

    I like the sliding form idea and the apple slider look great.

    Thanks for sharing.

    Reply
  17. Bulent
    July 22, 2010

    AviaSlider
    http://aviathemes.com/aviaslider/

    Reply
  18. Bulent
    July 22, 2010

    One more.
    jqFancyTransitions
    http://workshop.rs/projects/jqfancytransitions/

    Reply
  19. Lee Greenhill
    July 30, 2010

    Very very good resource and one I’ve bookmarked. Thanks for posting. Invaluable.

    Reply
  20. nikos lianeris
    August 14, 2010

    thank you so much for the list!It is very inspiring! :)

    Reply
  21. Mark Anthony Rectio
    September 16, 2010

    Thank you so much, you give me ideas for my webpage, but it is not enough, i need your help to continue my webpage making… can i have more jquery dsign and other effects?

    Reply
  22. Moksha
    September 29, 2010

    thanks its a unique collection

    Reply
  23. Ahmed
    April 10, 2011

    nivo slider is the best available slider these days

    Reply
  24. Antonio
    May 11, 2011

    Excelente Post, Parabéns!

    Reply
  25. Christian
    July 18, 2011

    Awesome list, but for me the best is Slides JS http://slidesjs.com/, an update of loopedslider, is too much costumizable and have all i need for this technique…

    Reply

Leave a Reply