Question

我花费了数小时和数小时使用本地文件，CDN等等。我得到时间轴的唯一方法是使用 embeded js 。有关我正在讨论的JS的更多信息：https://github.com/NUKnightLab/TimelineJS#config-options

所以我的代码看起来像这样：

HTML

<div id="timeline"></div>
<script src="http://cdn.knightlab.com/libs/timeline/latest/js/storyjs-embed.js"></script>

JS

createStoryJS({
        type:       'timeline',
        width:      '100%',
        height:     '600',
        source:     'my json or excel,
        embed_id:   'timeline'           // ID of the DIV you want to load the timeline into
    });

再次，为了获得更多css和js文件的功能，我 DID 尝试手动下载css和js文件，但无法使它们出现。

现在首先，我想我仍然可以覆盖css设置，即使它是CDN（或者我可以不？），我花了好几个小时试图找到合适的类和ID使背景透明（或至少是我选择的颜色）。

我也尝试过这个文档，但是在其中使用了大量过时的东西并导致了jQuery等问题：http://tutorialzine.com/2012/04/timeline-portfolio/

如果有人能找到这个神秘的类/ ID以便我可以自定义这个东西，我真的很感激。在此先感谢。

修改

为了使这更容易理解，请将此codepen例如：http://codepen.io/salmanjalali87/pen/oXMjmy 我得到了颜色，我可以改变颜色（种类）。但我不能在那里放一张图片。谁知道为什么？

Answer 1

我迷失了你的帖子，非常困惑，这里的代码只是为了让它发挥作用

（1） - 你把它放在＆lt;头＆GT;

<script src="http://cdn.knightlab.com/libs/timeline/latest/js/storyjs-embed.js"></script>

（2） - 你把你的div放在html中

<div id="timeline"></div>

（3） - 你放置 createStoryJS（{}）;

在 storyjs-embed.js 库调用脚本标记内并在文档准备
内
$( document ).ready(function() { createStoryJS({ type: 'timeline', width: '100%', height: '600', source: 'https://docs.google.com/spreadsheets/d/1oZNs-5eEMGbrIup1ZSj3Ovga-8wF2bVdNTBAiXFl08M/edit#gid=0', embed_id: 'timeline' // ID of the DIV you want to load the timeline into });

}）;

时间线JS透明背景

1 个答案: