Apparently, the demo page on the .html#carousel seems to have carousel stop rotating after it reaches the right most picture in the slide.

The demo used $('#myCarousel').carousel() to start carousel.

I tried

$('#myCarousel').carousel()

and

$('#myCarousel').carousel('cycle')

but carousel kept stopping when it reaches to the last picture.

I have seen some posts on the web that people actually want to stop it from cycling forever, which was posted like 3 weeks ago.

What should I do so that my carousel will continue rotating after it reaches the last picture?

Apparently, the demo page on the http://twitter.github./bootstrap/javascript.html#carousel seems to have carousel stop rotating after it reaches the right most picture in the slide.

The demo used $('#myCarousel').carousel() to start carousel.

I tried

$('#myCarousel').carousel()

and

$('#myCarousel').carousel('cycle')

but carousel kept stopping when it reaches to the last picture.

I have seen some posts on the web that people actually want to stop it from cycling forever, which was posted like 3 weeks ago. http://groups.google./group/twitter-bootstrap/browse_thread/thread/9eeedbb0e68789e3/bf99468117bd669a

What should I do so that my carousel will continue rotating after it reaches the last picture?

• javascript
• jquery
• twitter-bootstrap

• 1 Why use this particular jQuery Carousel when there are so many others out there with a ton of more options? Nivo Slider? Cycle? jCarousel Lite? – Sparky Commented Feb 28, 2012 at 3:22
• I just wanted to keep everything with bootstrap. – user482594 Commented Feb 28, 2012 at 6:05
• Then what you want might be impossible. Very few documented options here. – Sparky Commented Feb 28, 2012 at 6:21
• I do not understand why this got down voted twice. – user482594 Commented Mar 19, 2012 at 6:33

3 Answers 3

This is actually a bug that has been fixed in 2.0.2

You can try deleting line 86 in bootstrap-carousel.js which is,

if (!$next.length) return

See: issue 2036

We created an infinite jquery scroller for our corporate site. Our approach was, as each image was scrolled off of the screen we'd clone it, append the clone to the opposite side, and remove the one that just left the viewable area.

try this.

$('.carousel').carousel()

It's literally from the bootstrap site. Makes no sense to me that this would not be instance specific. But there is some room for improvement in the doc anyway.