Hi Elisabeth,

Your Timeline is looking great!

Re the problem with bubbles that contain images:
The browser does not yet have the image downloaded the first time you ask for 
the bubble. As a result the bubble is too small. When the image does (finally) 
arrive, the browser adds scrollbars. 

The second time the bubble is shown, the image (and its dimensions) are in the 
cache, so everything can be calculated correctly.

Solutions:
1) Preload the images when the page starts up.
http://articles.techrepublic.com.com/5100-10878_11-5214317.html

2) It would be a good thing to extend Timeline to automatically preload the 
image specified in the event's image attribute when the event bubble is being 
displayed.
-- But on second thought, there would be the case of slow images slowing down a 
bubble's display. (Maybe show a busy icon while waiting?)
-- We wouldn't want to preload all the images referenced by the events at 
startup, instead would want to preload images only when they are about to be 
displayed since only a small subset of the events on a Timeline may be clicked 
by the user. 

3) Another way to do it would be to dynamically adjust the bubble size once the 
image has arrived to make the scrollbars unnecessary. 

I have filed an RFE about this issue. See 
http://code.google.com/p/simile-widgets/issues/detail?id=66

Regards,

Larry





________________________________
From: Elisabeth <[email protected]>
To: SIMILE Widgets <[email protected]>
Sent: Friday, March 13, 2009 6:35:15 PM
Subject: Re: Unnecessary scrollbars in timeline event bubbles


The difference between the events (I just figured out) is that the
yellow ones have images. I just added an image to the lime-colored
event bubble and it also appeared with scrollbars. What I can't figure
out is why the event bubbles sometimes have scrollbars and sometimes
don't. Is it a matter of loading time for the image or something? Is
there any way to avoid this?
Thanks!
Elisabeth

On Mar 13, 6:29 pm, Elisabeth <[email protected]> wrote:
> Hello,
> I have a timeline set up with several duration events and pop-up
> bubbles. Strangely, the first time you click on one of the yellow
> events (not the green or lime events) the event bubble comes up with
> vertical and horizontal scrollbars. The second time you click on it
> (after you've moved away), the bubble comes up normally (as I would
> like it to, without scrollbars). I'm probably doing something wrong,
> but does anyone know what might be causing this to happen?
>
> Timeline is here:http://calligraphyqalam.com/styles/index.html
> Timeline.js is here:http://calligraphyqalam.com/styles/scripts/timeline.js
>
> Thanks!
> Elisabeth

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