Как отобразить активный элемент и остальные элементы рядом с ним в Owl Carousel 2

Question

Как отобразить активный элемент и остальные элементы рядом с ним в 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

Answer 1

Сова Карусель имеет опцию под названием center, установка ее в значение true будет центрировать ваш активный элемент.https://owlcarousel2.github.io/OwlCarousel2/demos/center.html