我想创建显示两个项目的轮播。
检查以下示例:https://codepen.io/samugleztrejo/pen/VjBJkg
我不希望它是多个块,每个块有两个项目
<div>
<item>
<item>
</div>
<div>
<item>
<item>
</div>
我想在一个区块中列出所有项目。
<div>
<item></items>
<item></items>
<item></items>
<item></items>
</div>
并像example mentioned above一样显示两个
最佳答案
尝试这个
利用猫头鹰轮播2,将.itemC
div包裹在.item
div中
的HTML
<div id="owl-example1" class="owl-carousel">
<div class="item">
<div class="itemC">Your Content</div>
</div>
<div class="item">
<div class="itemC">Your Content</div>
</div>
<div class="item">
<div class="itemC">Your Content</div>
</div>
<div class="item">
<div class="itemC">Your Content</div>
</div>
<div class="item">
<div class="itemC">Your Content</div>
</div>
<div class="item">
<div class="itemC">Your Content</div>
</div>
<div class="item">
<div class="itemC">Your Content</div>
</div>
</div>
JS
$(document).ready(function() {
$("#owl-example1").owlCarousel({
margin:10,
items:2,
autoplay:true,
autoplayTimeout:1000,
});
});
相应地设置样式并根据需要更改自动播放持续时间
Codepen Link
关于javascript - 显示两个元素的轮播,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45503110/