What workarounds exist for the `complete` property in FireFox?

Question

I am attempting to use jQuery to determine if an image has properly loaded.

The following works just fine (and returns true or false as of

Answer 1

You could also try checking the one of the dimensions of the img element in addition to complete:

function isImageLoaded() {
    var theImage = $('#myImage'); 

    if (!theImage.get(0).complete) {
        return false;
    }
    else if (theImage.height() === 0) {
        return false;
    }

    return true;
}

An unloaded img or an img with an invalid src attribute should have .height() and .width() equal to 0 in Firefox. In Chrome and Opera neither method appears to work properly. In those browsers theImage.height() always returned a positive value in my testing.