Реверс Сова Carousel на последнем слайде

Question

По умолчанию горками дисплей филин карусельного, чтобы, как это, например, если у меня есть 3 горки:

[1] [2] [3] [1] [2] [3] [1] [2] [3] ... 

Я хочу, чтобы достичь этого:

[1] [2] [3] [2] [1] [2] [3] [2] [1] ... 

Answer 1

Вы можете имитировать разворот путем клонирования предметов.

1. Clone элементы, которые находятся в середине:
   [1] [2] [3] [4] ->[1] [2] [3] [4] [3] [2].
2. Начало Owl Carousel 2loop режим.

Пожалуйста, проверьте результат. Это то, чего вы хотите достичь?

https://codepen.io/glebkema/pen/pEZpEP

var classCarousel = '.owl-carousel'; 
 
var selectCarousel = $(classCarousel); 
 

 
/* 1. */ 
 
var i; 
 
for (i = selectCarousel.children().length - 1; i > 1; i--) { 
 
    selectCarousel.children(':nth-of-type(' + i + ')').clone().appendTo(classCarousel); 
 
} 
 

 
/* 2. */ 
 
selectCarousel.owlCarousel({ 
 
    autoplay: true, 
 
    dots: false, 
 
    items: 1, 
 
    loop: true, 
 
});

.owl-carousel img { 
 
    height: auto; 
 
    width: 100%; 
 
}

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.0.0-beta.2.4/assets/owl.carousel.min.css"> 
 

 
<div class="owl-carousel"> 
 
    <div><img src="//placehold.it/900x300/936/fff/?text=1" alt=""></div> 
 
    <div><img src="//placehold.it/900x300/693/fff/?text=2" alt=""></div> 
 
    <div><img src="//placehold.it/900x300/369/fff/?text=3" alt=""></div> 
 
    <div><img src="//placehold.it/900x300/f63/fff/?text=4" alt=""></div> 
 
</div> 
 
    
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2//2.0.0-beta.2.4/owl.carousel.min.js"></script>