Question

我希望滑块开始滑动，它应该在幻灯片/轮播的第一张图像的第一个循环处停止。

var imgCount = 3;
$('#myCarousel').carousel({
    interval: 2500
});
$('#myCarousel').bind('slid',function(){
    imgCount--;
    if(imgCount == 3)
        $('#myCarousel').carousel('pause');  
});

我也尝试过以下代码。

$('#myCarousel').carousel({
    interval: 2500
});
$('#myCarousel').bind('slid',function(){
    var count = 3;

    count--;
    if(count == 0)
    {

        slide.stopAutoPlay();
    }

});

由于某种原因，它不起作用。我在引导脚本文件源之后立即使用stript标记。

Answer 1

换行选项用于在第一个循环中停止旋转木马。但它在完成后仍然在最后一页。

<div id="carousel-example" class="carousel slide" data-ride="carousel" data-wrap="false">

或

$('.carousel').carousel({ wrap: false });

如果您希望它停在特定的幻灯片计数，此代码将帮助您实现

var count = 1;

$('.carousel').carousel();
$('.carousel').on('slid.bs.carousel', function () {
    count--;
    if (count <= 0) {
        $('.carousel').carousel('pause');
    }
});

<强> {编辑}

此外，如果您想要重置轮播的位置并在停止后移至第一页，请在暂停后添加此内容

var count = 1;

$('.carousel').carousel();
$('.carousel').on('slid.bs.carousel', function () {
    count--;
    if (count <= 0) {
        $('.carousel').carousel('pause');
        // Reset the carousel position
        setTimeout(function () {
            $('.carousel').carousel(0);
        }, 200);
    }
});

您需要设置超时以允许转换完成，或者轮播可能在完成后出现故障。

如何在第一个气缸上停止自举旋转木马

1 个答案: