See that:
http://simile.mit.edu/wiki/Controlling_A_Timeline_Within_An_Exhibit
http://web.iiit.ac.in/~vishal.gargug08/timeline/example/monet/monet.html
That's my configuration of timeline which I use for my project
<script type="text/javascript">
var timelineConfig = {
timelineConstructor: function (div, eventSource) {
div.style.height="400px";
var theme = Timeline.ClassicTheme.create();
theme.mouseWheel = 'zoom';
theme.event.bubble.width = 600;
theme.event.bubble.height = 600;
theme.ether.backgroundColors[1] =
theme.ether.backgroundColors[0];
var middleDate = "1965"//That will be center date of
timeline
var d =
Timeline.DateTime.parseGregorianDateTime(middleDate);
var bandInfos = [
Timeline.createBandInfo({ //That's top band
width: "90%",
intervalUnit: Timeline.DateTime.YEAR, // default
zoom DateTime.YEAR invervalPizels : 30
intervalPixels: 30,//default zoom DateTime.YEAR
invervalPizels : 30
eventSource: eventSource,
date: d,
theme: theme,
zoomIndex: 6,
zoomSteps: new Array(
{pixelsPerInterval: 100, unit:
Timeline.DateTime.MILLENNIUM},
{pixelsPerInterval: 50, unit:
Timeline.DateTime.CENTURY},
{pixelsPerInterval: 30, unit:
Timeline.DateTime.CENTURY},
{pixelsPerInterval: 50, unit:
Timeline.DateTime.DECADE},
{pixelsPerInterval: 30, unit:
Timeline.DateTime.DECADE},
{pixelsPerInterval: 50, unit:
Timeline.DateTime.YEAR},
{pixelsPerInterval: 30, unit:
Timeline.DateTime.YEAR}//default zoom confiiguration
)
}),
Timeline.createBandInfo({//That's bottom band
width: "10%",
intervalUnit: Timeline.DateTime.DECADE,
intervalPixels: 50,
date: d,
showEventText: false,
theme: theme
})
];
bandInfos[1].syncWith = 0;
bandInfos[1].highlight = true;
tl = Timeline.create(div, bandInfos, Timeline.HORIZONTAL);
return tl;
}
}
</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.
