我想创建显示两个项目的轮播。
检查以下示例: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/

10-12 00:17
查看更多