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

Question

我正在建立一个公司网站，其中一个部分是“历史”页面。我正在使用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 的选项不太理想。

感谢您的帮助！

Answer 1

利用

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

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