如何創建一個沒有混蛋/暫停的循環幻燈片

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。 （'。cycle-slideshow'）.cycle（{speed：2000, manualSpeed：1000, }）;

這將爲您設置轉換速度（速度：2000 =以毫秒爲單位的速度）。還有一些其他的東西可以嘗試，比如文檔中的「易用」。 http://jquery.malsup.com/cycle2/api/

如果你想有一個更靈活的旋轉木馬，試圖http://kenwheeler.github.io/slick/

它是一種非常強大，重量輕，且易於使用的旋轉木馬

Answer 2

您可以使用bxslider對於這種幻燈片： http://bxslider.com/examples/ticker