Thanks svetoslav kasabov. I was able to solve it later.

-vishal garg

On Thu, Jan 19, 2012 at 8:46 PM, kasaba <[email protected]> wrote:
> 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.
>

-- 
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.

Reply via email to