如何在 Owl Carousel 2 中显示活动项目及其旁边的其余项目答案

【问题标题】：How to Display an active item and the rest of the items next to it in Owl Carousel 2如何在 Owl Carousel 2 中显示活动项目及其旁边的其余项目
【发布时间】：2020-01-26 11:10:51
【问题描述】：

如何在 Owl Carousel 2 中显示活动项目及其旁边的其余项目？

这是我的滑块：

         <div class="slider-content d-flex flex-row flex-nowrap justify-content-between">

         <div class="slider-item">
             <figure>
                 <img class="img-fluid" src="css/img/keshmesh.png" alt="s">
             </figure>
         </div>

         <div class="slider-item">
             <figure>
                 <img class="img-fluid" src="css/img/keshmesh.png" alt="s">
             </figure>
         </div>


         <div class="slider-item">
             <figure>
                 <img class="img-fluid" src="css/img/keshmesh.png" alt="s">
             </figure>
         </div>

         <div class="slider-item">
             <figure>
                 <img class="img-fluid" src="css/img/keshmesh.png" alt="s">
             </figure>
         </div>
     </div>

这是我的 javascript 代码：

    $(".slider-content").owlCarousel({
    items:1,
    rtl: true,
    autoplay:true
    }
);

看下图

img

【问题讨论】：

标签： jquery html css owl-carousel-2

【解决方案1】：

Owl Carousel 有一个名为 center 的选项，将其设置为 true 将使您的活动项目居中。 https://owlcarousel2.github.io/OwlCarousel2/demos/center.html

【讨论】：