幻灯片之间的淡入淡出过渡需要在猫头鹰轮播上减慢速度

Question

>我正在使用猫头鹰轮播2，幻灯片之间的淡入淡出过渡仍然太快。当一个图像更改为下一个图像时，它需要变慢。(我不是指单张幻灯片显示多长时间，只是过渡速度(。我在哪里有这个选项

autoplaySpeed: 13000,
autoplayTimeout:5000

Answer 1

如果您将自动播放减少到例如 2000，它应该播放得更快(反之亦然，如果您希望它更慢，请将自动播放速度从 13000 增加到例如 20000，但目前似乎计算在过渡中的是 5000，因此将其增加到 8000 - 8 秒(

在这里看到我的小提琴(它不同，但它是猫头鹰旋转木马(

$(document).ready(function () {
$("#owl-demo").owlCarousel({
autoPlay:2000, //Set AutoPlay to 2 seconds
dots: true,
items: 2,
itemsDesktop: [100, 3],
itemsDesktopSmall: [200, 3]
});
});

#owl-demo .item {
margin: 3px;
}
#owl-demo .item img {
display: block;
width: 25%;
height: auto;
}
.owl-theme .owl-controls .owl-page {
display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
background: none repeat scroll 0 0 #869791;
border-radius: 20px;
display: block;
height: 12px;
margin: 5px 7px;
opacity: 0.5;
width: 12px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.2/owl.carousel.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.2/owl.carousel.min.css" rel="stylesheet" />
<div id="owl-demo">
<div class="item">
<img src="http://placehold.it/50x50" alt="Owl Image" />
</div>
<div class="item">
<img src="http://placehold.it/50x50" alt="Owl Image" />
</div>
<div class="item">
<img src="http://placehold.it/50x50" alt="Owl Image" />
</div>
<div class="item">
<img src="http://placehold.it/50x50" alt="Owl Image" />
</div>
<div class="item">
<img src="http://placehold.it/50x50" alt="Owl Image" />
</div>
<div class="item">
<img src="http://placehold.it/50x50" alt="Owl Image" />
</div>
<div class="item">
<img src="http://placehold.it/50x50" alt="Owl Image" />
</div>
<div class="item">
<img src="http://placehold.it/50x50" alt="Owl Image" />
</div>
</div>

(代码段不知何故不起作用，但小提琴有效，如果您发现错误，请更正代码段，谢谢(