13 Super Useful jQuery Content Slider Scripts and Tutorials

2 Pings & Trackbacks

1. Pingback: 55 Inspiring Examples of Slideshows in Web Design | Inspiration

2. Pingback: 10 jQuery Slider Techniques and Plugins | Tutorials

103 Comments

1. Dicky August 24, 2009 at 2:36 AM Reply

   Hi Henry,
   Thanks for including my tutorial on this great post!

2. Joomla Outsource India August 24, 2009 at 3:14 AM Reply

   hey,

   its a great tutorial to work with.

   i love it.

   thanks for the sharing so nice jQuery slider scripts!

3. WPSMASH August 24, 2009 at 5:01 AM Reply

   Here are some great tutoriales, thank you for this great resources!

4. elcodigodebarras August 24, 2009 at 6:03 AM Reply

   Thanks for sharing this beautiful resources, I,m a regular visitor…

5. Sean Hurley August 24, 2009 at 9:09 AM Reply

   Great list here, and was actually looking for this for my new site. Wanted to use this effect for the main promo area.

6. joão August 24, 2009 at 8:34 PM Reply

   what a great article!

7. Samir August 27, 2009 at 1:35 PM Reply

   veeery nice, man… tks

8. web August 30, 2009 at 4:00 AM Reply

   I am bookmarking this page. thanks for the information

9. kafi August 30, 2009 at 1:50 PM Reply

   very nice one, really helpful. Keep going

10. Egypt Web Design September 2, 2009 at 3:35 AM Reply

    OMG!
    adorable collection … thank you bro 🙂

11. Web Design Wakefield September 3, 2009 at 7:01 AM Reply

    Thanks for taking the time to compile this list. I have already added one of the sliders to my website and I am currently adding another on a clients site.

12. Sal September 6, 2009 at 5:25 AM Reply

    Hi, here’s another cool one: https://tympanus.net/codrops/2009/09/06/dynamically-changing-style-with-jquery/
    It uses the jquery ui slider to dinamically change the style of the page using ajax requests.

13. Shahriar Hyder October 12, 2009 at 1:30 AM Reply

    Nice one mate. I have also added the link to your post in my Ultimate collection of top jQuery tutorials, tips-tricks and techniques to improve performance. Have a check below:

    https://technosiastic.wordpress.com/2009/09/24/collection-of-top-jquery-tutorials-tips-tricks-techniques-to-improve-performance/

14. bujursangkar October 12, 2009 at 5:08 AM Reply

    yups…jquery, my love in developing website ^^. Thanks…

15. web suunnittelua October 22, 2009 at 9:56 AM Reply

    jQuery is the best, these are all pretty good slider scripts! And thanks Shahriar Hyder for posting the tips to improve the performance, very good material, thank you.

16. yudhistira November 3, 2009 at 12:08 AM Reply

    absolutely helpful. thanks mate 🙂

17. Vijendra Mishra November 17, 2009 at 2:28 AM Reply

    Thanks for sharing such a nice collection… this is really helpful.

18. Puneet Verma November 30, 2009 at 12:49 PM Reply

    I was looking for a content slider and reached the destination. Great … Bookmarked

19. Jack December 11, 2009 at 7:45 AM Reply

    It’s being very useful for me at the moment.

20. TheWebLeap December 22, 2009 at 9:09 AM Reply

    Hi, great slider! I didn’t see an answer to this in the comments-
    -is there anyway to make it continuous instead of rewinding back to the start? so f.e. 1,2,3,4,1,2… instead of passing by 3,2,1 to go back to slide 1.
    Thanks

    Read more: https://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html#ixzz0aQGGr6KX

21. Joseph Griffin December 29, 2009 at 8:46 AM Reply

    Really nice ones. Thanks WDL 🙂

22. Jannis Gerlinger January 28, 2010 at 4:56 PM Reply

    Very great and fine inspiration !

    Thank you !

23. Troy February 5, 2010 at 1:03 PM Reply

    Thanks for the awesome plugins. This is exactly what I was looking for.

24. John February 10, 2010 at 6:15 PM Reply

    I love Jquery thank you so much for the list its much easier to see everything in pictures than searching on the jquery site!

25. Ebnat Syukur February 21, 2010 at 1:28 PM Reply

    i like JQuery. thanks i try one in blogger

26. Giovanni March 15, 2010 at 9:37 AM Reply

    thanks for this… really really great!!! I’m happy now 😀 😀 after work i’ll get started making my site hehe 😛

27. pixelmafia March 16, 2010 at 4:22 AM Reply

    thanx mate this is awesome……..

28. Myanmar Travel March 27, 2010 at 2:03 PM Reply

    These plugins are very useful. I used several jquery plugins in my new website https://myanmartravel.org.

29. Juancho March 29, 2010 at 9:31 PM Reply

    Thanks, i was really looking for this.. Fits for my next design project 😉

30. maximusweb April 14, 2010 at 10:24 AM Reply

    many thx for sharing… i was long time looking for something like that

31. Bhargav Anadkat April 26, 2010 at 2:24 AM Reply

    Ultimate jquery slider list. 🙂

32. Typo3 Agentur May 1, 2010 at 2:30 AM Reply

    Thats a great jquery slider list…
    Greetimgs from de

33. Erik May 8, 2010 at 7:52 PM Reply

    Nice collection. I really like Jquery and the way how one can write nice code for the websites.

    Keep adding good jquery links…

34. sajan May 10, 2010 at 12:31 PM Reply

    Excellent collection very very useful. Thanks a lot , this will be useful not only for a newbie but also for an experienced web designer. Thanks a ton

35. Paul May 11, 2010 at 10:07 PM Reply

    Love the tutorials! Good Stuff!

36. taggart May 12, 2010 at 9:32 PM Reply

    SWEET ACTION these really are Super Useful jQuery Content Slider Scripts and Tutorials

37. Charles May 16, 2010 at 3:03 AM Reply

    Awesome selections! Just what I was looking for!

38. Ramalho May 19, 2010 at 12:42 PM Reply

    Hi WEB Family,

    Great collection & very useful.

    Thanks for sharing

39. Venkat May 26, 2010 at 3:50 AM Reply

    I’ve already used JFlow, JCarousel and ScrollTo (when looked for alternative to davidwalsh’s Smooth Scrool), But I was looking for *Making a Content Slider with jQuery UI* and got it! Thank you very much!!

40. OxigenesViz May 26, 2010 at 6:37 AM Reply

    Awesome scripts, thank you!

41. Freelance Web Designer Evan Skuthorpe June 2, 2010 at 12:32 PM Reply

    some great scripts here. thanks!

42. Hawk Designs June 18, 2010 at 9:38 AM Reply

    Great collection of scripts. Sliding boxes and featured content slider are my personal favs.

43. KiMdesign June 24, 2010 at 9:35 AM Reply

    Very useful!
    Thanks!

44. Euro July 5, 2010 at 1:58 PM Reply

    Nice set !

    Anything slider is my favourite, I use it every time.

    1. nilan August 19, 2010 at 11:20 PM Reply

       VERY VERY USEFUL

45. karman August 14, 2010 at 10:43 AM Reply

    very useful…

    thank u….so much…..

46. Snooples August 15, 2010 at 4:10 PM Reply

    This is great stuff. I stumble onto this site by accident and it is a good thing I did.

47. Silverlight-but-also-JQuery-fan August 16, 2010 at 6:38 PM Reply

    Very good sliders! I very like the tutorial of the jFlow plugin.
    Thanks for this collection.

48. SEO Nottingham August 25, 2010 at 8:12 AM Reply

    Great stuff, I’m really getting into jquery at the moment – out of the above “ImageSwitch” is my fav!

49. hikarianna August 31, 2010 at 10:57 AM Reply

    absolutely helpful!!!
    thx 🙂

50. Developerholic September 15, 2010 at 10:44 AM Reply

    Thanks for the compilation! 😀

51. Karmera September 16, 2010 at 6:11 AM Reply

    Great, thanks!

    Do you know which ones degrade gracefully with JS turned off?

52. Aravind September 21, 2010 at 2:30 AM Reply

    nice stuff……

    Thanks

53. SamsonDelila September 28, 2010 at 1:31 PM Reply

    Awesome …! Very very useful.. You’ve helped me save my time…

54. Cgbaran January 12, 2011 at 10:38 AM Reply

    Great roundup thanks

55. chris January 12, 2011 at 11:02 AM Reply

    Thanks for sharing great post.

56. Cameron January 27, 2011 at 11:41 PM Reply

    Nice collection of jQuery sliders – I know I’ll end up using one on my homepage!

    1. mikegulline September 1, 2011 at 12:13 PM Reply

       this one is perfect for homepages and portfolios.

       https://codecanyon.net/item/n3std-multislider/full_screen_preview/428506?ref=mikegulline

       it is an HTML content slider with nested sliders inside!!!!

       check it
       mg

       1. Joe February 22, 2012 at 8:53 PM Reply

          Hi Mike, at least you can indicate that you have made n3std mulitlider when promoting it. best

57. John Mellberg February 15, 2011 at 5:02 PM Reply

    Can jQuery sliders be used with a PHP site? Also can content within jQuery sliders still work for search engine optimization purposes?
    Thanks -John

    1. Geraldo Novais May 23, 2011 at 10:02 AM Reply

       Yes, You can use javascript with php and others languages like Python, Ruby, Perl,…
       Javascript is client side, no matter what server’s language you’re using.

       Some examples of sites that use php and javascript.

       http://www.geraldonovais.com.br/en/potfolio

       1. Geraldo Novais July 19, 2011 at 6:51 PM Reply

          To fix:

          the correct link is: https://www.geraldonovais.com.br/en/potfolio

          1. Geraldo Novais July 19, 2011 at 6:52 PM Reply

             To fix again:

             the correct link is: https://www.geraldonovais.com.br/en/portfolio

             portfolio and not potfolio (without ‘r’)

58. Banu March 15, 2011 at 5:17 PM Reply

    Thanks! nice slider!!!!!

59. Rick March 29, 2011 at 7:25 AM Reply

    Very Cool 🙂

60. hari prabhas March 30, 2011 at 1:33 AM Reply

    Nice Collection
    Thanks for sharing the great post.

61. rob April 5, 2011 at 9:22 AM Reply

    brill love jquery

62. Ahmed April 10, 2011 at 12:56 AM Reply

    nice roundup thanks for the info

63. Geraldo Novais May 23, 2011 at 9:55 AM Reply

    Very cool.
    Googlebot and me hate flash websites.
    Always, I try to use javascript.

64. Designer Renji May 27, 2011 at 3:12 AM Reply

    Thanks……useful post…..

65. Armen June 7, 2011 at 1:57 AM Reply

    Hey, what about my new slider based called jSwitch?

    https://creativator.net/projects/jswitch/

66. akeanant June 23, 2011 at 4:55 AM Reply

    Very cool.
    🙂

67. Evan Skuthorpe July 21, 2011 at 8:06 AM Reply

    awesome, thank you.

68. ravi August 6, 2011 at 2:21 PM Reply

    hey great list of useful plugins…thank you for sharing

69. Ahsan Altaf August 7, 2011 at 11:44 AM Reply

    Thanks , i was looking for a decent slider 🙂

70. Jason August 12, 2011 at 12:50 PM Reply

    I’d like to suggest the addition of SlideDeck to this list.

    We developed it to be a flexible solution for designers and developers, as well as for non-technical clients to maintain (in the WordPress version). You can check it out at https://slidedeck.com.

    We’re also working to grow the community of people using it, and offering perks like job referrals and beta invitations/sneak peeks, so if you’re interested in joining, just contact me at pros@slidedeck.com.

71. Durgesh August 30, 2011 at 8:08 AM Reply

    Superb, very nice sliders.

72. Valter Henrique August 30, 2011 at 5:47 PM Reply

    Thank you, very useful, thanks.

73. Abdelkader Soudani September 30, 2011 at 12:00 AM Reply

    awesome, thank you.

74. ola October 3, 2011 at 11:33 AM Reply

    Interesting sliders even for a beginner like me!!!

75. Mark William November 1, 2011 at 6:36 PM Reply

    Thank you for sharing such wonderful scripts..Very helpful..

76. Carl Ji November 22, 2011 at 10:48 PM Reply

    i am trying to use jQuery slider on SharePoint 2007 site, anyone who had experience on that?

77. alovilla November 23, 2011 at 10:45 AM Reply

    thank you.I love jquery

78. jeuxdotnet November 23, 2011 at 2:09 PM Reply

    Can jQuery sliders be used with a PHP site? Also can content within jQuery sliders still work for search engine optimization purposes?
    Thanks -John

79. jeuxdotnet November 23, 2011 at 2:20 PM Reply

    Interesting sliders even for a beginner like me!!!

80. Web Development Company in Rajkot December 6, 2011 at 3:43 AM Reply

    Nice Work Done

81. Sandip December 21, 2011 at 9:38 AM Reply

    Superb, very nice sliders.

82. mangalore web design December 22, 2011 at 2:16 AM Reply

    Very nice slider jquery plugins, thanks for your effort and upload…

83. vivsupport January 6, 2012 at 8:36 AM Reply

    This is a very good collection of jQuery sliders, most of them work well with older Browers like IE6. There were a couple which dont display correctly on IE6.

84. طراحی سایت January 17, 2012 at 5:36 AM Reply

    great, thanks.

85. Hotel Istanbul March 2, 2012 at 11:39 PM Reply

    They are really good sliders. JQuery makes somethings very easy 🙂 Thanks

86. Mikus March 18, 2012 at 8:41 AM Reply

    Hey, there is a new jquery slider: http://www.flowslider.com

    Looks very nice and works perfectly well for me! Developed couple of websites using it

87. Sean Peterson April 6, 2012 at 11:08 AM Reply

    Really enjoyed this list thanks!

    If anybody is interested, our new site https://www.loxiastudio.com/en/ has a total of 15 different flash/jQuery animations that are incredibly easy to integrate into a site.

    Once you have created an animation simply copy and paste the line of code that is generate into your site. It’s a simple as that.

    The tutorials are really simple to follow!

    Let us know what you think.

88. Umer Saeed May 11, 2012 at 1:34 AM Reply

    Likeable 🙂

89. Federica May 21, 2012 at 3:04 AM Reply

    Have a look also at μslider (https://muslider.musings.it) the lightest html5 jQuery content slider, very very easy to use and customize! Have a nice day 🙂

90. Nilambar June 5, 2012 at 1:25 AM Reply

    Nice collection. Thanks !!!

91. hari prabhas July 6, 2012 at 1:00 AM Reply

    very good collection.. thank you for sharing these nice sliders..

92. Arti August 6, 2012 at 8:31 AM Reply

    Very nice list specially the FitText Script.

93. Pouya September 14, 2012 at 10:07 AM Reply

    Very goooooooooooooooooooooooooooooooooooooooooood!
    Thank you 😀

94. Jason September 18, 2012 at 5:40 AM Reply

    I have problem with latest jQuery version, I was playing with featured slider and calls :

    $(document).ready(function(){
    $(“#featured”).tabs({fx:{opacity: “toggle”}}).tabs(“rotate”, 5000, true);
    });

    how to fix with latest jQuery version?

95. Alicia October 15, 2012 at 6:40 AM Reply

    Wow, a good list of sliders. All are elegant, but my favorite has to be the one with thumbnails below. Classic, but for me it’s still the best.

96. Eclack Network October 26, 2012 at 2:37 AM Reply

    They are really nice. But I really need a simple content slider. These are too luxury

97. Kai Bartholome November 21, 2013 at 7:23 AM Reply

    Very nice collection of Jquery Content Sliders. But I think you missed the wow-Slider (jQuery). https://wowslider.com