猫头鹰旋转木马幻灯片转换

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>