本文介绍了更改timelineJS的源代码的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这里有一个创建互动时间表的代码:
所以我有这样的代码:
< script type = 文本/ JavaScript的 >
var timeline_config = {
width:'100%',
height:'600',
source:'path_to_json / or_link_to_googlespreadsheet',
embed_id:'timeline-嵌入',//可选使用嵌入的不同DIV ID
start_at_end:false,//可选择在最近日期开始
start_at_slide:'4',//可选择在特定幻灯片上开始
start_zoom_adjust :'3',//可选TWEAK默认缩放级别
hash_bookmark:true,//可选LOCATION BAR HASHES
字体:'Bevan-PotanoSans',//可选字体
debug:true ,//可选的调试控制台
lang:'fr', //可选语言
maptype:'watercolor',//可选的MAP风格
css:'path_to_css / timeline.css',//可选的路径到CSS
js:'path_to_js / timeline- min.js'//可选路径到JS
}
< / script>
< script type =text / javascriptsrc =path_to_js / storyjs-embed.js>< / script>
并且此代码会生成时间轴+媒体...所以在图像上如此显示,但我想知道我可以删除除底部时间线以外的所有部分?
这里是图像:
解决方案
在timeline-min.js中取消注释此行
u = VMM.appendAndGetElement(s,,vco-slider);
Here I have a code for creating interactive timeline: http://timeline.verite.co/
So I have this code:
<script type="text/javascript">
var timeline_config = {
width: '100%',
height: '600',
source: 'path_to_json/or_link_to_googlespreadsheet',
embed_id: 'timeline-embed', //OPTIONAL USE A DIFFERENT DIV ID FOR EMBED
start_at_end: false, //OPTIONAL START AT LATEST DATE
start_at_slide: '4', //OPTIONAL START AT SPECIFIC SLIDE
start_zoom_adjust: '3', //OPTIONAL TWEAK THE DEFAULT ZOOM LEVEL
hash_bookmark: true, //OPTIONAL LOCATION BAR HASHES
font: 'Bevan-PotanoSans', //OPTIONAL FONT
debug: true, //OPTIONAL DEBUG TO CONSOLE
lang: 'fr', //OPTIONAL LANGUAGE
maptype: 'watercolor', //OPTIONAL MAP STYLE
css: 'path_to_css/timeline.css', //OPTIONAL PATH TO CSS
js: 'path_to_js/timeline-min.js' //OPTIONAL PATH TO JS
}
</script>
<script type="text/javascript" src="path_to_js/storyjs-embed.js"></script>
and this code produce Timeline + Media... so like this on image but I want to know how I can remove the all part except timeline on the bottom?
HERE IS IMAGE:
解决方案
Uncomment this line in timeline-min.js
u = VMM.appendAndGetElement(s, "", "vco-slider");
这篇关于更改timelineJS的源代码的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!