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?

并从显示屏上获取号码。

希望这可以帮助。