May
02

20 Killer Image Sliders & Carousels

Whenever I am developing a new website or WordPress theme, I try and look for new kind of content sliders and carousel scripts (that can scroll images & HTML content). Over a period of time, I have bookmarked some efficient sliders that can also be easily integrated into WordPress if you have the skills. I am sure these will be helpful to both moderate and advanced developers alike. Here is the list :-

1. Sproing!

This is a lively script that make your images grow in size whenever someone hovers their cursor over the thumbnails.

2. Easy Slider JQuery Plugin

An easily configurable content slider plugin for JQuery that supports both horizontal and vertical scrolling. I have used this for my last Premium theme – Freedom.

3. Floom

This is the prettiest of them all! It uses Mootools to beautifully transition between images and overall a very cutting-edge image slider.

4. Lightweight JQuery Content Slider

This is another JQuery slider plugin with the lightest footprint of only 380Kb. A great option if you quickly need to integrate a slider into your website.

5. Automatic Image Slider with CSS & JQuery

A nifty styled Image slider using CSS and JQuery script. This can be used quickly by just replacing the images with your own.

6. JQuery Pager Plugin

This is another content scroller with navigation links to scroll between slides – hence the name, Pager.

7. Image Rotator

A great way to display portfolio pieces, E-Commerce product images, or even as an image gallery.

8. Anything Slider

This is a HTML content slider that comes with both navigation tabs, scrolling arrows, autoplay feature and much more.

9. JQuery Coda Slider

This is an accessible ‘Coda’-like slider interface that also allows you to place links to the sliding content anywhere on the page and have the effect (and navigation) still work.

10. S3slider

A very sleek content slider that scrolls transparent, layered content over your images.

11. Featured Content Slider

With this slider, you can show off the best content of your website or blog in a nice intuitive way that will surely catch more eyeballs.

12. Moving Boxes

With zooming panels (in/out) and scroller buttons, this content slider is a total winner!

13. Sliding Boxes & Captions

This script lets you make animated boxes with sliding layers of content on mouseovers. Very neat looking!

14. GalleryView

GalleryView aims to provide JQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize. You can even create your themes for this slider if you wish to do so.

15. JQuery Scrollable

The purpose of this library is to make it extremely easy to add scrolling functionality to a website. Whenever you wish to scroll HTML elements in a visually-appealing manner, this is the only library you need. It scrolls with mouse clicks and even with mouse wheel scrolling action.

16. Carousel WordPress Plugin

This is actually a WordPress plugin that lets you insert a content slider into your posts or pages with ease.

17. JQuery Easy Slides

Possibly the easiest to use JQuery plugin for making slideshows!

18. Looped Slider

Again, a JQuery based slider that lets you display images and content in the form of slides. It uses little dots for navigation.

19. YoxView

YoxView is a free image and video viewer for websites. It’s written in javascript using JQuery and is available as a JQuery plugin.

20. Slick Slideshow

This is a slick and web accessible slideshow widget for your site using HTML, CSS, and JavaScript (JQuery). The site also includes the tutorial where you can learn to do this yourself.

This post was viewed 323,174 times

90 comments on “20 Killer Image Sliders & Carousels”

  1. Hasan says:

    I am triad to found out helpfull slider for my wordpress theme. I have some got slider to use in my wordpress theme. Thanks for shareing.

  2. i am going to use it in my blog

  3. Verneri says:

    I’m really loving the theme/design of your site. Do you ever run into any web browser compatibility problems? A small number of my blog audience have complained about my website not working correctly in Explorer but looks great in Chrome. Do you have any recommendations to help fix this problem?

  4. Shawnee says:

    The key issue for game enthusiasts is always that video games almost never have a lot to complete. A lot of items options enable you to pull items from the nothing. But it is one more nail in the coffin for NLP, one more reason for a potential customer to not want to be associated with NLP, thank you very much.

  5. Bonnie says:

    Hotmail support team emerged as one of the most reliable tool of service for the Hotmail account user to assure security and accountability. You can now see just how simple it could be to reverse search email address owner records if you have access to this data. Recientemente, el Hotmail correo portal de servicios ha venido con nuevos servicios y atractivos que han hecho de la vida de los m.

  6. Hotmail support team emerged as one of the most reliable tool of service for the Hotmail account user to assure security and accountability.
    You can now see just how simple it could be
    to reverse search email address owner records if you have access to this data.
    Recientemente, el Hotmail correo portal de servicios ha venido con nuevos servicios y atractivos que han hecho de la vida
    de los m.

  7. it is great collection for me

  8. fliesen says:

    Really cool things. I’m totally thrilled. Many times I thank you. Keep it up .. …

  9. Nikole says:

    Do you mind if I quote a few of your articles as long as I provide credit and
    sources back to your website? My website is in the exact same niche as yours and my users would really benefit from some of the information you provide here.
    Please let me know if this ok with you. Appreciate it!

  10. google.com says:

    Howdy just wanted to give you a quick heads up. The words in your post seem to be running off the screen in Opera. I’m not sure if this is a formatting issue or something to do with internet browser compatibility but I figured I’d post to let you know. The style and design look great though! Hope you get the problem fixed soon. Cheers

  11. Thank you, great collection…

    I also found this one very useful online slideshow creator and it’s totally free: http://www.comslider.com

    It also supports ken burns effect…

  12. Thank you for the summary, even some links are active and are of the most interesting.
    Regards

  13. I used gallery view and event adjust nice

  14. Djules says:

    Cheers for sharing this nice collection.

    One typo noticed : 4. Lightweight JQuery Content Slider (…) is only 380b (and not kb)

    :)

  15. bill weaver says:

    these are great, however im looking for a specific one i cant seem to find. it has a sidable button at the bottom that you can “drag” either way to display different photos. 7 or 8 photos total. it will by used show 8 diffenent sides of a product as though you have control to turn it around.

    1. Steve says:

      Try searching for jquery reel – i think that might be what you are looking for…

  16. Linda Tran says:

    Yeap.Nice share.Thank very much!.

  17. pvc says:

    Thanks for your time very much for the impressive.

  18. Adam Nguyen says:

    Awesome!
    Thanks for sharing :)

  19. Thanks for the collection. Confuse for choose one….

  20. mujeeb says:

    nice to see this site

  21. Congratulations for posting such a useful blog. Your blog isn’t only informative but also extremely artistic too. There usually are extremely couple of individuals who can write not so easy articles that creatively. Keep up the good writing !!Hey there! I’m at work surfing around your blog from my new iphone! Just wanted to say I love reading through your blog and look forward to all your posts! Keep up the superb work!

  22. Zbigniew says:

    Nice ! Thanks for sharing

  23. Sandeep says:

    thanks a lot dear …. i was searching from last two weeks the best slider for my site and you gave me that…. thanks once again just post all article like this i will follow you regularly…. i am a great fan of your blogging

  24. victor says:

    Hi, thanks for the sliders but can you update it, floom slider link go to a hosting website and easy slider download is not working.

    Thanks in advance.

    1. Anton says:

      I’m looking for a slideshow that autoscrolls across the page, like this: http://www.viacom.com/Pages/default.aspx. That’s Flash, but I’d like to find a jQuery / CSS solution. We don’t need any of the actions that occur once you click on one of the panels. Any ideas?

  25. serhat says:

    Great resources. Thanks for sharing.

  26. kemal says:

    I found your recommendation to be the most suitable.

  27. yilmaz says:

    Thanks for sharing these plugins, they are very useful and well made!

  28. Jessica says:

    I prefer Easy WebContent’s carousel. They have a simple site builder and just added a new Carousel widget that allows you to link to related content and attach an image and description to each addition. It’s easy to use and has custom style options.

  29. mark says:

    That’s awesome script mate, i have added this slider in my website, and working superb.

  30. Santhosh says:

    Thanks, best collections

  31. ecig says:

    Asking questions are really fastidious thing if you are not understanding anything totally, but this article provides
    good understanding yet.

  32. vikas says:

    wow ! what a killer image sliders……after seen that i killed my partner………..and after that i killed myself……….
    thnax……………………

  33. John says:

    I prefer the Menucool Javascript Image Slider. It has 17 transition effects, and uses pure javascript (No jQuery, no YUI!, …) and only sized 13KB.

    1. Olivier says:

      After trying everything above, I found your recommendation to be the most suitable.
      Lightweight, independent and very cool transition effects.

      Thanks for sharing!

    2. Michael says:

      Menucool is really like its name, thanks! Image slides in this page also rocks…

  34. tamiltab says:

    nice script
    thanks

  35. Phil says:

    Which slider are you using at the top of the page to advertise your themes?

    I really like that one!

  36. worldmaker says:

    Item 5 – Image Rotator by Soh Tanka
    No longer appears to be availabe at the link, and nowhere else on the net.

    :-)

    1. worldmaker says:

      Found a link to Image Rotator (Item 5) by Soh Tanka, this appears to be his tutorial for creating it…. http://designm.ag/tutorials/image-rotator-css-jquery/

  37. worldmaker says:

    No. 3 Floom the link is wrong.
    And it IS a beautiful transition.

    It can be found here: http://mootools.net/plugins/p/floom

  38. JohnS says:

    Thank you for sharing these collection of sliders,
    Reading the comments below I was surprised to find references to http://www.flashxml.net. I know this website very well, I even use some of their components on my website and I am very pleased, I recommend it. You should take a look, too.

  39. seo says:

    Greetings! I’ve been reading your web site for some time now and finally got the courage to go ahead and give you a shout out from Lubbock Texas! Just wanted to tell you keep up the excellent work!

  40. real good slider i like its.

  41. Robert says:

    The products are cool but I need something more like http://www.flashxml.net anyway, nice job!

  42. Can I add this Sliders To blogger ? think for this site is nice

  43. Thank you for the sensible critique. Me & my neighbor were just preparing to do some research on this. We got a grab a book from our area library but I think I learned more clear from this post. I’m very glad to see such great information being shared freely out there.

  44. Cathy says:

    Hey,

    Nice collection! I would recommend also this slider: http://www.flashxml.net/magnetic-photo-slider.html I think it is a bit different from what the web generally offers. It can also be customized according to one’s will.

  45. Casino says:

    Nice informative post. Share a post as like it to make more people to visit your great blog.Thanks.

    1. wammo says:

      Thanks for sharing this Sandy!

  46. Usi says:

    Nice article, I used S3Slider before. Easy slider looks nice too for some sub pages. Have to test them with IE9, recently had lot of problems with with my sites in IE9 :(

  47. Nice collection. Wondering the Nivo slider and CU3ER was left out though :)

    If you’re interested, I created an image slider a while back and released it for free to the community. It’s very minimalistic with a 3D flip as the transition between images. All settings are tweakable via XML.

    Anyway, you can download it or check out a demo of my free image slider here: http://ahrengot.com/likes/free-flash-based-3d-image-slider/

    1. Pierre-Louis Lefevre says:

      Hi,

      Thanks for the link. Loved the scroller and it made me think about another piece of kit I’ve stumbled upon on the net, looking for a free slider.

      It’s Flash, so no IPhone support, unfortunately, but the Photo Rotator looked awesome, and you could customize it directly online, upload images and all. If you think it’s worth checking out, just http://www.flashxml.net/photo-rotator.html

      Je te salue! P-L

  48. Drew says:

    How do I install the anything slider in my html code…hint, I am using FrontPage 03

  49. kropped says:

    Thanks so much this was just what i was looking for:)

  50. Ryan Hidajat says:

    I wonder if this could be implemented on my prestashop site, I try to find some prestashop plugin but WOW… a simple image slider cost 40 Euros. I better to do it my self…

  51. pompa says:

    güzel ve i?e yarayan uygulamalar. te?ekkürler.

  52. atasözleri says:

    Thanks you very much, i need to a few time to it. Wonderful slider and working in IE6, thanks again!

  53. Jenny says:

    hi..

    thanks for sharing this..
    but still a little bit confuse about the code..

    where should i put them?
    before / after what part code in my css file?

  54. Yasser says:

    Can I add this Sliders To blogger ?

  55. Dr. Skigh says:

    Yeah, featured content and image sliders are really not that hard to implement in your site. A simple plugin and adjusting the settings and your off and sliding.

    If you need any help with this, let me know and we can give you a hand.

    Thanks.

  56. Nice post Jai :) It’s truly killer image/content Sliders & Carousels list

  57. Thanks for the great listing of image sliders.
    I love this one too:

    http://www.suchmaschinenoptimierung-hamburg.de/xt-commerce-flash-shop-produkt-rotator-modul-kostenlos.html

    It is an product image slider for online-Shops. Very cool stuff too. Maybe you can use it.

    Kind regards from germany
    Melanie

    1. I just forget:
      ITS FREE TOO!
      The german word “kostenlos” means “for free”.
      Just to make it more clear ;o)

  58. Sally says:

    Thanks for pointing out some of these. I’ll be testing the sproing one out on my blog next week.

  59. Junthit lee says:

    An awesome list, they can be alternative for my favourite Carousel WP Plugin..

  60. Great resources. Thanks for sharing.

  61. Thanks for sharing these plugins, they are very useful and well made!

  62. jdtaobao says:

    I do not understand English, can not understand!

  63. Honestly out of all the lists for awesome image sliders and carousels, this is by far the best. I haven’t even seen half of these before! Thanks :)

  64. Rachel says:

    Nice list…liked it…thanks..

  65. Odin Dutton says:

    Good roundup, but you missed my favourite one: http://nivo.dev7studios.com/

    1. Actually, yeah I’m surprised that one didn’t make the list. I’ve used that one quiet a bit

      1. I will see this template on my friend website, because he like it and he will buy it.

Leave a Reply

Your email address will not be published. Required fields are marked *


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="">

Search :