jquery - jQuery Cycle2は、複数のスライドショーを同期して次々に実行します

Question

1ページに6つのjQueryサイクルがあり、最初のサイクルを変更してから一時停止し、次に2番目のサイクルを数秒後に変更して一時停止し、最後のサイクルまで繰り返してから、最初に戻ります。 。

誰かが投稿したものを見ましたが、私のコードでは機能しません：

$('.cycle').each(function(){
   $(this).cycle({
      delay:   -8000 + (2000 * (i+1)),
      timeout:  8000
   });
});

私のコードは：

<div class="cycle">
   <img alt="" src="_assets/images/one.png">
   <img alt="" src="_assets/images/two.png">
   <img alt="" src="_assets/images/three.png">
</div>
<div class="cycle">
   <img alt="" src="_assets/images/two.png">
   <img alt="" src="_assets/images/three.png">
   <img alt="" src="_assets/images/one.png">
</div>
<div class="cycle">
   <img alt="" src="_assets/images/three.png">
   <img alt="" src="_assets/images/one.png">
   <img alt="" src="_assets/images/two.png">
</div>

Answer 1

APIドキュメントのイベントセクションを見る：

http://jquery.malsup.com/cycle2/api/

cycle-finishedトリガーが探しているもののようです。

each 内で、イベントを追加してみてください。

$(this).cycle({
  delay:   -8000 + (2000 * (i+1)),
  timeout:  8000
}).on( 'cycle-finished', function( event, opts ) {
   ....
});