在加载时显示特定幻灯片，暂停然后滚动所有幻灯片并从 Timeline.js 开始

Posted 2023-05-09

【中文标题】在加载时显示特定幻灯片，暂停然后滚动所有幻灯片并从 Timeline.js 开始

【英文标题】：Show a specific slide on load, pause and then scroll through all slides and start at the beginning with Timeline.js

【发布时间】：2012-11-17 17:15:32

【问题描述】：

我正在建立一个公司网站，其中一个部分是“历史”页面。我正在使用Timeline JS 这样做。通过从我的 Wordpress 安装中提取 JSON 提要，我已经非常成功地让它工作了；但是，有一件事我无法弄清楚。我的客户想要显示“封面图片”并说：“探索我们的历史”，等待几秒钟，然后让时间线自动滚动到公司历史开始时的第一张幻灯片。

我在docs 中读到，我可以指定一张开始幻灯片，我可以让时间线从末尾开始，但我需要编写某种回调函数，在我想要的幻灯片上开始后运行它到。我想我也许可以在 start_at_slide 选项中做到这一点，但我不确定如何去做：

var timeline_config = 
  width: "100%",
  height: "580",
  source: "/plugins/timeline/timeline.json",
  start_at_slide: $(function()
     // some code that says, start at the last slide, delay and then scroll to slide 1
  );,
  hash_bookmark: true,
  start_zoom_adjust: "2",
  css: "/plugins/timeline/css/themes/font/Helvetica.css"

另一种选择可能是在timeline_config之外编写一个单独的函数来覆盖正常行为，但在我进入那个兔子洞之前，我想看看你们是否有任何建议。

一旦我启动并运行它，我计划将它作为一个 Wordpress 插件发布，因为 TimelineJS 和 Wordpress 的选项不太理想。

感谢您的帮助！

【参考方案1】：

利用

this.setSlide = function(n) 
        goToSlide(n);
    ;

关于/complied/js/timeline.js 我只是查看了 js 文件，我认为操纵它可以解决问题。 明天有时间我会尽力做你想做的。

【讨论】：

谢谢，我认为这可能有效。我会试一试，如果成功了再告诉你。

对于我们这些通过搜索到达这里的人，我很想知道这个答案是否适合您。

谢谢！这对我帮助很大...我有一个完全隐藏幻灯片的请求（但不是上一个/下一个按钮）...我只是添加了一个标志来有条件地执行这些行：preloadSlides(); VMM.fireEvent($slider, "MESSAGE", "TEST");在 goToSlide() 的底部，等等……

我称之为的对象是什么？是 VMM.setSlide(0) 吗？