1

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

我在文档中读到我可以指定一张开始幻灯片,我可以让时间线从最后开始,但是我需要编写某种回调函数,它在我想要的幻灯片上开始后运行。我想我可以在 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 的选项不太理想。

谢谢你的帮助!

4

1 回答 1

2

利用

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

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

于 2013-03-08T18:38:02.107 回答