javascript - Zurb Foundation Orbit slider 在第三张幻灯片上暂停

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);
  });

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

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

slideNumber: true,               // display slide numbers?

并从显示屏上获取号码。

希望这有帮助。