我正在建设一个企业网站,其中一个部分是一个“历史”网页。我正在使用时间表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的选项并不理想。
谢谢你的帮忙!
发布于 2013-03-08 18:38:02
利用……
this.setSlide = function(n) {
goToSlide(n);
};在/complied/js/timeline.js上,我只看了一下js文件,我认为操作这个文件就可以了。我明天有空的时候会尽力做你想做的事。
https://stackoverflow.com/questions/13629044
复制相似问题