slick.js滑块淡入效果bug无法正常工作

时间:2015-07-06 13:08:42

标签: slider fade slick.js

我正在使用带有选项fade: true的光滑滑块,但它无法正常工作:例如,如果下一张幻灯片比前一张小,则该图像的超出部分会在一段时间内保持可见状态效果只是看起来很难看...如果它是一个错误我不需要或我只需要正确设置它

$('.fade').slick({
  fade: true,
  dots: true,
  infinite: true
});
img {
  max-width: 250px;
}
<link rel="stylesheet" href="http://cdn.jsdelivr.net/jquery.slick/1.3.6/slick.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.jsdelivr.net/jquery.slick/1.3.6/slick.min.js"></script>


<div class="fade">
  <div>
    <img src="//static.guim.co.uk/sys-images/Guardian/Pix/pictures/2012/3/6/1331051759134/Blue-sky-with-clouds-007.jpg" />
  </div>
  <div>
    <img src="//upload.wikimedia.org/wikipedia/commons/d/dc/Sky-View_ForestWander.JPG" />
  </div>
  <div>
    <img src="//img.theepochtimes.com/n3/eet-content/uploads/2013/12/blue-sky-shutterstock-110494415-WEBONLY.jpg" />
  </div>
</div>

fiddle

0 个答案:

没有答案