猫头鹰旋转木马下一个项目

owl carousel 2 next items

本文关键字：项目 下一个 旋转木马 猫头鹰      更新时间：2023-09-26

它在owl carousel 2中可用，如果单击下一步按钮给出额外的页面图像?因为默认只有一张下一个项目的幻灯片。

如何工作的一个例子:

[1,2,3] -> (next click) -> [2,3,4]
我想要

[1,2,3] -> (next click) -> [4,5,6]

Thx

尝试将这三个条目[1,2,3]放到一个条目中

<div class="owl-carousel">
    <div class="item">
        [1,2,3]
    </div>
    <div class="item">
        [4,5,6]
    </div> 
</div>

并在JS中添加项目的数量(在本例中为

)
$('.owl-carousel').owlCarousel({
    loop:true,
    items:1 
})

你试过slideBy选项吗?

slideBy: 3(或"page")

相关文章：