yes. Jôrn just posted this to the list yesterday:
From the Learning jQuery book draft (be sure to buy it once its out!):

if ($enlargedCover[0].complete) {
 animateEnlarge();
} else {
 $enlargedCover.load(animateEnlarge);

}

This is a rare instance in which the load event is more useful to us than jQuery's custom ready event. Since load is triggered on a document, image, or frame when all of its contents have fully loaded, we can observe the event to make sure that all of the image has been loaded into memory. Only then is the handler executed, and the animation performed.

Internet Explorer and Firefox have different interpretations of what to do if the image is already in the browser cache. In this case, Firefox will immediately send the load event to JavaScript, but Internet Explorer will never send the event because no "load" actually occurred. To compensate for this, we can use the complete property of the image element. This property is set to true only if the image is fully loaded, so we test this value first and start the animation if the image is ready. If the image is not yet complete, then we wait for a load event to be triggered.

Hope that helps.

--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Jun 15, 2007, at 3:28 PM, cfdvlpr wrote:


Any other developers here have any useful information, tips, code, or
advice?
I think I've discovered that there may be a .completed attribute in
javascript that could be used to tell when each image is loaded...


Reply via email to