You want to attach a handler to each timeline to scroll the other.
Here's a simple case of two timelines, tl_a and tl_b:
tl_a.getBand(0).addOnScrollListener(function(band) {
var centerDate = band.getCenterVisibleDate();
tl_b.getBand(0).setCenterVisibleDate(centerDate);
});
tl_b.getBand(0).addOnScrollListener(function(band) {
var centerDate = band.getCenterVisibleDate();
tl_a.getBand(0).setCenterVisibleDate(centerDate);
});
When the user scrolls the first band in timeline A, the first band in timeline
B will be set to the same date, and vice-versa.
If the timelines contain more sync'ed bands, then those will scroll as well.
--Mike
On Jun 22, 2011, at 4:40 PM, Jeff Roehl wrote:
> Is there any way to make 2 seperate timelines, in 2 different <div> tags
> scroll
> simultaneously?
>
> I know how to make separate bands scroll in unison, this is a given.
>
> Are there any examples out there?
>
> Thanks
> Jeff Roehl
>
> --
> 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.
