Proper jQuery image load()?

Answer 1

Dont rely on .load() function for images.

Even jQuery says so .

Caveats of the load event when used with images

A common challenge developers attempt to solve using the .load() shortcut is to execute a function when an image (or collection of images) have completely loaded. There are several known caveats with this that should be noted. These are:

It doesn't work consistently nor reliably cross-browser It doesn't fire correctly in WebKit if the image src is set to the same src as before It doesn't correctly bubble up the DOM tree Can cease to fire for images that already live in the browser's cache

Read here

If you can , use this,

$(window).load(function(){
    // Images are now loaded for sure
})

Edit:

or use Paulirish's very lite jQuery plugin

imageLoaded