Zurb Foundation 轨道滑块在第三张幻灯片上暂停

Question

我添加了动画速度，并且可以在悬停时暂停；但是，我很好奇使用 JS 是否可以在某个幻灯片上暂停，或者至少在某个时间暂停。有什么建议吗？

谢谢！

Answer 1

轨道js在slide改变'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);
  });

不确定您将如何获得时间，但您可以更改轨道 js 以公开您需要的信息。

要获取幻灯片编号，您可以启用“slideNumber”选项

slideNumber: true,               // display slide numbers?

并从显示中获取数字。

希望这会有所帮助。