停止引导程序传送带循环到最后的幻灯片

Question

我希望当我按下传送带上的下一个按钮时，如果它已经到达幻灯片的末尾，那么请不要环绕并返回到第一张幻灯片。在bootstrap 3中有一个简单的方法吗？

Answer 1

将wrap选项设置为false会使传送带自动停止循环。

$('#myCarousel').carousel({ 
    interval: 1000, 
    wrap: false 
}); 

此外，如果你想隐藏的左，右控制时，旋转木马是表示第一/最后一张幻灯片，你可以做到这一点的方法：

$('#myCarousel').on('slid.bs.carousel', '', function() { 
    var $this = $(this); 

    $this.children('.carousel-control').show(); 

    if($('.carousel-inner .item:first').hasClass('active')) { 
    $this.children('.left.carousel-control').hide(); 
    } else if($('.carousel-inner .item:last').hasClass('active')) { 
    $this.children('.right.carousel-control').hide(); 
    } 

}); 

DEMO