Zurb Foundation軌道滑塊在第三張幻燈片上暫停

Question

我增加了動畫速度，可以在懸停時暫停； 但是，我很好奇，如果使用JS，我是否能夠在某個幻燈片或至少某個時間暫停。 有什么建議怎么可能嗎？

謝謝！

Answer 1

當幻燈片更改為'orbit.next''orbit.prev'時，orbit js調度事件...

  //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?

並從顯示屏上獲取號碼。

希望這可以幫助。