貓頭鷹旋轉木馬幻燈片轉換

Question

我創建了貓頭鷹旋轉木馬滑塊，需要做到幻燈片之間的轉換不被注意，請慢慢地，不斷地移動。有example（幻燈片在頁面底部）

如果這不能做貓頭鷹旋轉木馬幻燈片滑塊可以做這樣的幻燈片轉換。

Answer 1

我最接近的是將autoplayTimeout和smartSpeed之間的差異降至最低。 Jsfiddle example

$(document).ready(function() { 
 
    $(".owl-carousel").owlCarousel({ 
 
    loop: true, 
 
    autoplay: true, 
 
    autoplayTimeout: 1520, 
 
    smartSpeed: 1500, 
 
    animateIn: 'linear', 
 
    animateOut: 'linear' 
 
    }); 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.theme.default.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.js"></script> 
 

 

 
<div class="owl-carousel"> 
 
    <div> Your Content 1 </div> 
 
    <div> Your Content 2</div> 
 
    <div> Your Content 3</div> 
 
    <div> Your Content 4</div> 
 
    <div> Your Content 5</div> 
 
    <div> Your Content 6</div> 
 
    <div> Your Content 7</div> 
 
</div>