Kirzilla Kirzilla - 1 year ago 66
jQuery Question

new Image(), how to know if image 100% loaded or not?

I'm creating new image using

img = new Image();
img.src = image_url;

Then I'm assigning img.src to the img tag's src in DOM

$("#my_img").attr("src", img.src);

How can I know that img.src has 100% loaded? What is the best practice?
seem to me little buggy in some browsers.

So, in another words, I need to assign
only after
it was 100% loaded.

Thank you!

Answer Source

Use the load event:

img = new Image();

img.onload = function(){
  // image  has been loaded

img.src = image_url;

Also have a look at:

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download