Forums

mattvot

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

chriscoyier

Wrap your code in this:

$(window).bind(\"load\", function() { 

});

instead of

$(function() {

});

Hugo

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


$('#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.

treehouse : what would you like to learn today?

Forums

jQuery : Wait till image load before applying function : How