javascript - Zurb Foundation Orbit Slider 3 番目のスライドで一時停止

Question

アニメーション速度を追加し、ホバーで一時停止できます。ただし、JS を使用して、特定のスライド、または少なくとも特定の時間で一時停止できるかどうかに興味がありました。これがどのように可能になるかについての提案はありますか?

ありがとう！

Answer 1

orbit js は、スライドが 'orbit.next' 'orbit.prev' に変化したときにイベントをディスパッチします...

  //from the orbit js
  this.$element.bind('orbit.next', function () {
    self.shift('next');
  });

  this.$element.bind('orbit.prev', function () {
    self.shift('prev');
  });

これらのイベントは jQuery でリッスンできます。

$("#featured").bind('orbit.next orbit.prev', function(event){
      console.log('slide change', event);
  });

時間を取得する方法はわかりませんが、必要な情報を公開するように orbit js を変更できます。

スライド番号を取得するには、「slideNumber」オプションを有効にすることができます

slideNumber: true,               // display slide numbers?

ディスプレイから番号を取得します。

お役に立てれば。