文章/答案/技术大牛

发布

社区首页 >问答首页 >Zurb Foundation动态观察滑块在第三张幻灯片上暂停

问Zurb Foundation动态观察滑块在第三张幻灯片上暂停
EN

Stack Overflow用户

提问于 2013-04-16 23:06:31

回答 1查看 567关注 0票数 1

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

谢谢!

javascript

zurb-foundation

orbit

回答 1

Stack Overflow用户

发布于 2013-04-17 00:34:25

当幻灯片更改为'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?

然后从显示屏上获取号码。

希望这能有所帮助。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16040553

复制

相似问题

问Zurb Foundation动态观察滑块在第三张幻灯片上暂停
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Zurb Foundation动态观察滑块在第三张幻灯片上暂停EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Zurb Foundation动态观察滑块在第三张幻灯片上暂停
EN