jQuery : Wait till image load before applying function : How

[mattvot]

How do I get jquery to wait till an image has loaded before it acts. Can I?

[Chris Coyier]

Wrap your code in this:

Code:

$(window).bind(“load”, function() {

});

instead of

Code:

$(function() {

});

[Hugo]

@chriscoyier: this makes the code ‘wait’ until the entire page is loaded. I think this is more specific:

Code:

$(‘#someImageID’)
.load(
function(){
//Do stuff once the image specified above is loaded
}
);

Place that piece of code outside your $(function() { }); or $(document).ready(function(){ });, in this way the function above will be executed when just that specific image was loaded, not the entire page.

[Author]

Posts