How can I detect if all images are loaded in document?

Question

Hi,

I am developing a firefox extension and need to know that all images are loaded without attaching onload event handler to those images. Is this possible?

I tried document.images[0].complete attribute but it always returns true.

Answer 1

function allImagesLoaded() {
    for(var i = document.images.length - 1; i>= 0; --i) if(!document.images[i].complete) return false;
    return true;
}