I know that generally speaking the better method with JQuery is to use the "ready" function which goes to work as soon as the DOM is in place and doesn't wait around for image downloads.

But what if I DID want to wait until all images were downloaded before manipulating the page?

Instead of this:

$(document).ready(function(){
$('#somediv').html('<p>Some cool comment</p>');
});


What should I be using?

$(document).load(); ?

maybe the above works also, but I've always done:

$(window).load(function() {
//code will wait for all the images to load before executing
//these load events can exist multiple times, unlike an onload event
});

Originally Posted by wayfarer07

maybe the above works also, but I've always done:

$(window).load(function() {
//code will wait for all the images to load before executing
//these load events can exist multiple times, unlike an onload event
});

This works ok when I try it with a simple line of text inside the anonymous function eg.

$(window).load(function(){
$('#somediv').html('<p>Testing</p>');
});

Actually what I`m trying to do though is to get Jquery to run a Flash movie AFTER the images have been loaded. When I just hard code the flash movie the animation seems a bit jerky and I was wondering if the image downloads might be conflicting with it.

So just for curiosity I tried:

$(window).load(function(){
$('#flash_header').html('

<object type="application/x-shockwave-flash"
width="960" height="157" data="/flash/someflashmovie.swf">
<param name="movie"
value="/flash/someflashmovie.swf"></param>
<param name="wmode" value="transparent"></param></object>

');

});

It didn't work. The Javascript error console says "unterminated string literal" but I cant see why.

Then I suggest you download SWFObject as well.
It's a JavaScript library which simplifies adding Flash to your page.
You could just call that function in the jQuery load function.

Originally Posted by TWD

It didn't work. The Javascript error console says "unterminated string literal" but I cant see why.

Try removing the line-breaks in the HTML you're inserting.