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



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

谢谢你的帮助!

利用

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

/complate/js/timeline.js上,我刚刚查看了js文件,我认为操作它就可以了。明天有空的时候,我会尽力做你想做的事。

相关内容

最新更新