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文件，我认为操纵这个就可以了。我明天有空的时候会尽力做你想做的事。

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

1 个答案: