javascript - How can I keep carousel keep cycling? - Stack Overflow

admin管理员组

文章数量:1350113

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

Share Improve this question Follow asked Feb 28, 2012 at 3:17 user482594user482594 17.5k2323 gold badges7676 silver badges114114 bronze badges 4

• 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

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 9

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.

本文标签： javascriptHow can I keep carousel keep cyclingStack Overflow