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