jquery - 如何创建没有 SCSS /暂停的循环幻灯片

我在下面使用了这段代码，它运行良好，但我似乎可以弄清楚如何在开始时阻止 SCSS 的发生。我一直在努力弄清楚，但我很新，没有帮助似乎无法做到。我希望幻灯片在开始时保持连续运动/循环，没有任何停顿/ SCSS 。有谁知道如何做到这一点？!

谢谢!!

<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

最佳答案

尝试在您的 JS 中添加以下 jQuery。

$('.cycle-slideshow').cycle({ 速度:2000，手动速度:1000， });

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

如果你想要一个更敏捷的轮播，试试http://kenwheeler.github.io/slick/

它是一个非常强大、轻量级且易于使用的轮播

关于jquery - 如何创建没有 SCSS /暂停的循环幻灯片，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45825450/