bootstrap4 轮播方法——迹忆客-ag捕鱼王app官网

这些是标准bootstrap程序的轮播方法

传递选项

您还可以使用选项对象将选项传递给 carousel()方法。

以下示例将关闭轮播中的自动滑动。 默认情况下，bootstrap 轮播会在页面加载时自动开始播放或滑动。

$(document).ready(function(){
    $("#mycarousel").carousel({
        interval : 3000
    });
});

.carousel('cycle')

此方法启动轮播以从左到右循环遍历项目。

(document).ready(function(){
   $(".start-slide").click(function(){
       $("#mycarousel").carousel('cycle');
   });
);

.carousel('pause')

此方法可阻止轮播在项目之间循环。

$(document).ready(function(){
    $(".pause-slide").click(function(){
        $("#mycarousel").carousel('pause');
    });
});

.carousel('number')

此方法可阻止轮播在项目之间循环。

(document).ready(function(){
   $(".slide-three").click(function(){
       $("#mycarousel").carousel(3);
   });
);

.carousel('prev')

此方法将轮播循环到前一项。

$(document).ready(function(){
    $(".prev-slide").click(function(){
        $("#mycarousel").carousel('prev');
    });
});

.carousel('next')

此方法将轮播循环到下一个项目

(document).ready(function(){
   $(".next-slide").click(function(){
       $("#mycarousel").carousel('next');
   });
);