jQuery Infinite Carousel Updated (2.0.2)

Thanks to Sergio for finding a bug in the carousel where a certain sequence of clicks resulted in the play button being disabled, I’m happy to release version 2.0.2 which corrects the issue. Click here for the latest version or see our jQuery plugins page.

17 thoughts on “jQuery Infinite Carousel Updated (2.0.2)”

  1. Thank you for this awesome jQuery plug-in!

    Today I just finished my own work using this to make the results of a Featured News box dynamically driven by custom BBcode queried off of posts from a PhpBB forum. I figure you like seeing your code work alongside other code, so I’m replying here. :) My website is an video gaming clan. See it here: http://www.sykokillers.com

  2. Absolutely LOVE the Carousel! Was searching the site to donate a few bucks … but I don’t see any donation links!

    1 Quick question: How can I place a background image that will stay fixed, while the carousel does it’s thing? (example: Picture Frame)

    Thanks Again for such a wonderful program!

  3. I’ve managed to get the Background “photo Frame” on the page, but I can not line up the Carousel vertically.. Any help would be greatly appreciated.
    I’ve tried changing the padding-top: 40; No luck.
    I’ve tried changing the margin-top: 40; no luck either..
    ANY HELP Would be Deeply Appreciated.

    #carousel {

    margin: 0 auto;
    width: 400px;
    height: 390px;
    padding: 20;
    overflow: scroll;
    border: 2px solid #999;

    #carousel ul {
    list-style: none;
    width: 4452px;
    margin: 0;
    padding: 0;
    position: relative;
    #carousel li {
    display: inline;
    float: left;
    .textholder {
    text-align: center;
    font-size: small;
    padding: 6px;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;

  4. Ok, I located the problem… I hope this helps anyone else who may encounter the same.

    I wanted a background image (picture frame) to reside behind the Carousel. I could not get the carousel to drop into the center of the background frame… I tried margin changes and padding changes but nothing seemed to work properly.

    The trick is in the Border..
    resize your border to “Shove the Carousel” into the center of your background. Be sure to make your border transparent. such as:
    border: 28px solid transparent;

    Thanks again for such a terrific Application!

  5. The plugin is great and I have found plenty of use for it. However, I was wondering… is there any reason that setting up an image map and links on images in a carousel would have problems? It seems like some of my images maps work, and some don’t. Any idea why this could be?


    1. To be honest I’m not sure why this would work at all out of the box. The plugin takes the images and builds arrays with them and doesn’t look for or use any image map data. I suppose the plugin could be extended to use that data but I don’t see any particular reason why it should work the way the plugin is coded now.

      1. Huh, I just figured it was coded to grab whatever was inside the li tag and run with it. I could very easily move the map tags and place them outside the ul tag and see if it all starts working. I’ll let you know, you may have a new feature you didn’t know you included. :)

      2. To my surprise, the location of the map tags didn’t matter – they didn’t work no matter where they went. Since I’m able, I just wrapped the images in anchor tags instead.

  6. I’d love to see an option to do the carousel top-to-bottom or bottom-to-top. In particular I’m looking for a way to do 2/3 images in the sidebar of a page. I’ve got a solution in some code I put together on my own, but I’m going to be using your carousel for some other stuff on the same page and I’d like to just be able to use a single plugin for all of them instead of having to worry about two different sets of code.

Leave a Reply

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