Javascript 自动播放多个项目?

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: {

如果旋转木马显示4个项目,则将自动播放设置为替换为4个新项目。在这里,如果单击项目分页,可以看到效果。但是如果我们设置自动播放,那么只更改一项

$(".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
        }
    }
});