I am trying to get to grips with Timeline for the first time, and
would like to change the size of the tape and tracks in my timeline
(because my titles spread over two lines, and I would like to see them
all). I have tried following the steps here:
http://code.google.com/p/simile-widgets/wiki/Timeline_CreatingNewThemes
But they don't seem to work. What am I doing wrong? Code below:
<script src="http://simile.mit.edu/timeline/api/timeline-api.js";
type="text/javascript"></script>
<script>
var tl;
function onLoad() {
var eventSource = new Timeline.DefaultEventSource();
var theme = Timeline.ClassicTheme.create();
theme.event.bubble.width = 350;
theme.event.bubble.height = 300;
theme.event.track.height = 15;
theme.event.tape.height = 8;
var bandInfos = [
Timeline.createBandInfo({
eventSource: eventSource,
date: "Dec 1 2008 00:00:00 GMT",
width: "70%",
intervalUnit: Timeline.DateTime.MONTH,
intervalPixels: 150,
theme: theme
}),
Timeline.createBandInfo({
overview: true,
eventSource: eventSource,
date: "Dec 1 2008 00:00:00 GMT",
width: "30%",
intervalUnit: Timeline.DateTime.YEAR,
intervalPixels: 300,
theme: theme
})
];
bandInfos[1].syncWith = 0;
bandInfos[1].highlight = true;
tl = Timeline.create(document.getElementById("my-timeline"),
bandInfos);
Timeline.loadXML("example1.xml", function(xml, url)
{ eventSource.loadXML(xml, url); });
}
var resizeTimerID = null;
function onResize() {
if (resizeTimerID == null) {
resizeTimerID = window.setTimeout(function() {
resizeTimerID = null;
tl.layout();
}, 500);
}
}</script>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"SIMILE Widgets" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/simile-widgets?hl=en
-~----------~----~----~----~------~----~------~--~---
