Question

我已经在下面使用了这个代码并且它运行得很好，但我似乎可以弄清楚如何阻止开始时的混蛋。我一直想弄清楚，但我很新，似乎没有帮助就可以做到这一点。我希望幻灯片放在一个恒定的动作/循环中，一开始没有任何暂停/加速。有谁知道怎么做？！

谢谢！

<div class="container">
  <div class="row cycle-slideshow" data-cycle-fx=carousel data-cycle-timeout=1000 data-cycle-carousel-visible=6 data-cycle-carousel-fluid=true data-cycle-slides="div">
  </div>
  <div class="span2">
      <img src="http://lorempixel.com/200/200/">
  </div>
</div>

https://codepen.io/anon/pen/yYmwYO

Answer 1

尝试在JS中添加以下jQuery。

$（ '循环幻灯片'）。循环（{ 速度：2000， manualSpeed：1000， }）;

这将为您设置转换速度（速度：2000 =速度，以毫秒为单位）。还有一些其他的尝试，如文档中的“缓和”。 http://jquery.malsup.com/cycle2/api/

如果您想要更灵活的轮播，请尝试http://kenwheeler.github.io/slick/

它是一款非常强大，重量轻且易于使用的旋转木马

Answer 2

您可以将bxslider用于此类幻灯片： http://bxslider.com/examples/ticker

如何在没有加加速度/暂停的情况下创建循环幻灯片

2 个答案: