0

独自のnext/prevコントロールを備えたスライダーがたくさんあります。いずれかのスライダーの最後のスライドに到達したときに、何かを実行したいのですが、この例ではアラートを表示しています。

<div class="project">

  <div class="slider">

   image

   image

   image

  </div><!-- slider -->

  <div class="controls">

   <span class="prev">Prev</span>

   <span class="next">Next</span>

  </div><!-- controls -->

</div><!-- project -->

上記のコードx5を繰り返します

そして私の.jsファイルで：

$('.slider').each(function() {
    var p = this.parentNode;
    $(this).cycle({
        fx: 'fade',
        speed: 'slow',
        timeout: 0,
        next: $('span.next', p),
        prev: $('span.prev', p),
        nowrap: 1,
        end: function() {
            alert('The slideshow has ended.');
        }
    });
});

それは理にかなっており、誰でも助けることができますか。前もって感謝します

ところで：私はmalsupのCycle2を使用していますwww.malsup.com/jquery/cycle2

4

1 に答える 1

0

ドキュメントを正しく読む必要があります-私はjCycleとCycle2APIを一緒に混ぜてきました。

$('.slider').on('cycle-finished', function(event, opts) {
   alert('The slideshow has ended.');
});

スライダーの最終的なコード：

$('.slider').each(function() {
var p = this.parentNode;
$(this).cycle({
    fx: 'fade',
    speed: 'slow',
    timeout: 0,
    next: $('span.next', p),
    prev: $('span.prev', p),
    nowrap: 1,
});
});
于 2013-03-18T09:23:13.587 に答える