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

Question

如何在猫头鹰轮播 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
}
);

看下图

图像

Answer 1

猫头鹰旋转木马有一个名为center的选项，将其设置为 true 将使您的活动项目居中。 https://owlcarousel2.github.io/OwlCarousel2/demos/center.html