Временная шкала JS Прозрачный фон

Question

Я потратил часы и часы, работая как с локальными файлами, так и с CDN и т. Д. И единственный способ, которым я получил отображение временной шкалы, - использовать вложенный 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 I DID попытайтесь загрузить файлы css и js вручную и не сможете сделать их появляются.

Теперь первый из, я думаю, что я должен еще быть в состоянии переопределить настройки CSS, даже если его в CDN (Или может я не?), Я потратил часы, пытаясь найти правильный класс и ID, чтобы сделать фон прозрачный (или, по крайней мере, цвет моего выбора).

Я также попробовал этот документ, но много вещей, используемых в нем, где устарела и вызвал проблему с JQuery и так далее: http://tutorialzine.com/2012/04/timeline-portfolio/

Я действительно очень признателен, если кто-то может найти этот загадочный класс/ID, так что я можно настроить эту вещь. Заранее спасибо.

EDIT

Чтобы сделать это легче понять, есть ли у этого codepen, например: http://codepen.io/salmanjalali87/pen/oXMjmy я получил цвет работу, и я могу изменить цвет (вид). Но я не могу поместить туда изображение. Кто-нибудь знает, почему?

Answer 1

я заблудился на своем посту, очень смущен, вот код, просто чтобы сделать его работу

(1) - вы поместите это в < голова>

<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 
}); 

});