javascript - Bootstrap Carousel - 如何计算幻灯片的数量

Question

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

轮播 - Twitter BootStrap；隐藏上一个或下一个按钮。

1. 捕捉滑动/滑动事件以确定第一张图像何时完成，然后添加回“上一个”控件？
2. 继续捕捉滑动/滑动事件，沿途增加一个计数器。当您的计数器等于您的图像列表时，您可以删除“下一个”控件

这是我的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/