Question

我和下面的帖子有相同的查询，但我无法让它工作。

Carousel - Twitter BootStrap ; Hiding the Previous or Next button

捕捉幻灯片/滑动事件以确定第一张图像的时间完成，然后加回“以前”控件？
继续捕捉幻灯片/滑动事件，沿着增加一个计数器办法。当您的计数器等于您的图像列表时，您可以删除“下一个”控件

这是我的jsfiidle

<div id="myCarousel" class="carousel slide">
            <div class="carousel-inner">
                <div class="carousel-inner">
              <div class="active item"><img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg">
              </div>
              <div class="item"><img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg"></div>
              <div class="item"><img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg"></div>
            </div>
            </div>
            <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
        </div>

$(document).ready(function () {

    // -------- Initialise Carousel -------- //
   $('.carousel').each(function(){
        $(this).carousel({
            interval: false
        })
    });
});

Answer 1

我刚刚做了一个简单的例子，基本上它正在监听slid事件，每次完成幻灯片动画时，它会检查活动幻灯片中的哪一个，基于你可以检查它是第一个还是最后一个。

http://jsfiddle.net/nRgVJ/5/

Bootstrap Carousel - 如何计算幻灯片

1 个答案: