Zurb基金会轨道滑块暂停在第3张幻灯片上

Question

我添加了动画速度，可以在悬停时暂停;然而，我很好奇，如果使用JS我可以暂停某个幻灯片，或至少在某个时间。有什么建议可以吗？

谢谢！

Answer 1

当幻灯片更改'orbit.next''orbit.prev'时，轨道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);
  });

不确定如何获得时间，但您可以改变轨道js以显示您需要的信息。

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

slideNumber: true,               // display slide numbers?

并从显示屏中获取数字。

希望这有帮助。