Javascript 自动播放多个项目?
如果旋转木马显示4个项目,则将自动播放设置为替换为4个新项目。在这里,如果单击项目分页,可以看到效果。但是如果我们设置自动播放,那么只更改一项Javascript 自动播放多个项目?,javascript,jquery,owl-carousel,owl-carousel-2,Javascript,Jquery,Owl Carousel,Owl Carousel 2,如果旋转木马显示4个项目,则将自动播放设置为替换为4个新项目。在这里,如果单击项目分页,可以看到效果。但是如果我们设置自动播放,那么只更改一项 $(".owlcarousel").owlCarousel({ autoplay: true, margin: 10, nav: true, loop: true, responsive: { 0: { items: 1 }, 600: {
$(".owlcarousel").owlCarousel({
autoplay: true,
margin: 10,
nav: true,
loop: true,
responsive: {
0: {
items: 1
},
600: {
items: 3
},
1000: {
items: 5
}
}
});
php/html代码(cakephp)
我将
slideBy
设置为您的物品数量:
$(".owlcarousel").owlCarousel({
autoplay: true,
margin: 10,
nav: true,
loop: true,
responsive: {
0: {
items: 1,
slideBy: 1
},
600: {
items: 3,
slideBy: 3
},
1000: {
items: 5,
slideBy: 5
}
}
});
在Owl转盘2中,您可以使用选项:
slideBy:“页面”
在自动播放(或导航按钮)上滑动整个“页面”
$(".owlcarousel").owlCarousel({
autoplay: true,
margin: 10,
nav: true,
loop: true,
responsive: {
0: {
items: 1,
slideBy: 1
},
600: {
items: 3,
slideBy: 3
},
1000: {
items: 5,
slideBy: 5
}
}
});