在Simile Timeline中添加疊加層

我遇到了問題我想在時間軸的兩側添加兩個疊加層。這樣做是爲了使它看起來像這種實物模型： https://lh4.googleusercontent.com/-EUgq5L-gFgc/TsEgpPpyJ1I/AAAAAAAACEA/vbByi9CTIhk/s592/Capture%252520du%2525202011-11-14%25252014%25253A55%25253A14-m.png 在Simile Timeline中添加疊加層

但更重要的是，它會在時間軸幾個音軌（佔該應用程序爲代表的人之一），我需要在添加數據每條賽道的兩側。我可以以任何方便的形式獲取數據，但我無法找到如何實現它。如果有人可以幫助它，將會幫助我很多。謝謝！

來源

2011-11-14 grea09

我對我自己的問題作出迴應，這裏是代碼，如果別人有同樣的問題：

var timeline; 
function onLoad() { 
if (typeof(timelineJsonObject)=='undefined' || timelineJsonObject===null) 
{ 
    return; 
} 

var overviewEvents = new Timeline.DefaultEventSource(); 
var events = new Array(timelineJsonObject.length); 

var theme = Timeline.ClassicTheme.create(); 
    theme.event.tape.height = 24; 

var overviewTheme = Timeline.ClassicTheme.create(); 
    overviewTheme.event.tape.height = 8; 

var bandInfos = new Array(timelineJsonObject.length+1); 
bandInfos[0] = Timeline.createBandInfo 
    ({ 
     theme:   overviewTheme, 
     layout:   'overview', 
     eventSource: overviewEvents, 
     width:   "96px", 
     intervalUnit: Timeline.DateTime.MONTH, 
     intervalPixels: 32 
    }); 

$($("td", $($("#timelineTable tbody tr")[0]))[1]).attr("rowspan", timelineJsonObject.length+1); 

$("#timeline").height((timelineJsonObject.length+1) * 96); 

var cssClassMod = new Array(2); 
cssClassMod[0] = "even"; 
cssClassMod[1] = "odd"; 

tableBody = $("#timelineTable tbody"); 

for (i = 0; i < timelineJsonObject.length; i++) 
{ 
    events[i] = new Timeline.DefaultEventSource(); 

    bandInfos[i+1] = Timeline.createBandInfo 
     ({ 
      theme:   theme, 
      layout:   'original', 
      eventSource: events[i], 
      width:   "96px", 
      intervalUnit: Timeline.DateTime.MONTH, 
      intervalPixels: 128 
     }); 
    bandInfos[i+1].syncWith = i; 
    bandInfos[i+1].highlight = true; 

    events[i].loadJSON(timelineJsonObject[i][2], document.location.href); 
    overviewEvents.loadJSON(timelineJsonObject[i][2], document.location.href); 

    tableBody.append('<tr><td>' + timelineJsonObject[i][0] + '</td><td>' + timelineJsonObject[i][1] + '</td></tr>'); 
    $("tr", tablebody).last().addClass(cssClassMod[i%2]); 
} 

timeline = Timeline.create(document.getElementById("timeline"), bandInfos); 

timeline.finishedEventLoading(); 
}

來源

2011-11-16 11:51:04 grea09

在Simile Timeline中添加疊加層

回答

相關問題