NotOneBit Blog

Get started today on your next web project with NotOneBit
We've been doing web development before you were born *

314 thoughts on “jQuery Infinite Carousel Plugin

  1. For mobile friend sites how can you make the width resizable/auto?

    and whats the best way to populate it from a folder? I’m trying:

    and then

    <img width= "300" height="250" src="” alt=”” />

  2. Hello!
    Infinite Carousel is a great plugin! I am using it right now for a project. I need to use a black and white image as the default thumbnail and a colored one as the active (current slide) thumbnail.
    I tried to do this:
    for the default thumbnail
    and
    for the active thumbnail
    What I tried did not work. Can you please help me, give me a hint?
    Thank you!

  3. Hello! I love the plugin. I have used it successfully. Can you please tell me how to make the images cross-fade.

    Thank you!

  4. Can the infinite carousel be used in conjunction with the Before & After plugin? Each pair of before/after photos would be one slide…

  5. How would you set width & height? I don’t see those properties listed in the above attributes…

  6. hi i have a quick question, i find this is very very helpful, i have to add one more thing to this slider, while its slides right and left, if some one click on one image background grey out and enlarge the current image which is clicked.

  7. This plugin has a proble and nobody mentioned it. Whenever i press S key it starts automatically and you can not stop it. Since i applied this to contact form according to client requirement. Any solution for this problem coz once it started it cannot be stoped which makes this pluging a pain.

    1. Maybe you should try reading before saying something has a problem. The plugin has an option for keyboard navigation that you can disable (enableKeyboardNav).

  8. Hi. Thanks for such a nice jquery plugin. I have checked by running the script and it works fine with me. Only I want a favour from yourside. Could you can upload or give some help to change default rotation of “jquery-infinite-carousel” from Left To Right. Currently its default is from Right to Left. But I have a project in which I have to show images from Left to Right direction. I tried by changing it from your js file in animatedTimer function(). I replace moveleft() to moveright() function but it doesn’t work. Can u help me to solve this issue. Thanks.

  9. I am using this plugin for YouTube videos and I can not figure out how to prevent the videos from loading all at once. This really causes the page to load exceedingly slow. Please let me know if there is a way to load one video at a time. Sorry if I explained that poorly. I will elaborate if needed. Thanks in advance.

  10. Pingback: Jquery
  11. Thanks for the great plugin. Two useful and extremely easy to implement options to consider:
    – hideNavigationOnBlur – boolean whether left/right navigation should hide when mouse is leaving carousel container. Right now it is always “true”.
    – continueAutoPilot – boolean value that tells whether carousel should continue playing slideshow after manually navigating slides or not. Right now it just stops after manual navigation.

  12. Hi Guys,

    Is anyone can help me?
    I cannot understand how to show the carousel correctly.
    I’m trying to create the images and videos dynamically with no luck, also I couldn’t find any real example that can be downloaded and work without any change.

    Best regards,
    Chen

    1. Hi,

      Finally found the issue.
      The plug-in doesn’t work with dir=”rtl” ?
      Can anyone tell why?

      Thanks,
      Chen

  13. Is there an index.html and slider.css file for this work. Any instructions would be appreciated.

  14. I am trying to add this to a Sharepoint web part (custom web part created in Visual Studio 2010) but when I finished your first video it did not function. I have added the js file to my 14/TEMPLATE/LAYOUTS/1033 file and added the line in my master page for the ScriptLink. First I added the script lilne to call the infiniteCarousel() to my html code. It didn’t work. Then I remove the html code and added a line to register the script in my code behind and that didn’t work either. Any suggestions?

Comments are closed.

%d bloggers like this: