2017-08-22 5 views
0

私はこのコードを以下に使用していますが、完全に機能しますが、最初にジャークが発生しないようにする方法がわかります。私はそれを理解しようとしてきましたが、私は非常に新しく、助けなしにはできないようです。私はスライドショーを一定のモーション/ループにして、最初は何もポーズ/ジャークせずにしたい。誰もこれを行う方法を知っていますか?ジャーク/ポーズなしでサイクルスライドショーを作成する方法

ありがとうございました!

<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

答えて

0

あなたのJSで、次のjQueryを追加してみてください。

$( '。サイクルスライドショー')サイクル({ 速度:2000、 マニュアルスピード:1000、 });

これは、あなたのための移行速度を設定します(速度:2000 =速度をミリ秒単位で設定します)。また、ドキュメント内の「使いやすさ」のように、試してみるべきこともいくつかあります。あなたはより機敏カルーセルをしたい場合はhttp://jquery.malsup.com/cycle2/api/

http://kenwheeler.github.io/slick/

その非常に強力な、軽量を試してみてください、と簡単には

関連する問題