vérifier si l'image est complètement chargée

Question

J'utilise

if (document.getElementById('<%= MainImg.ClientID %>').complete) { 
    hideLoadDiv(); 
} 

cacher une div qui indique que l'image est pas encore chargé,

mais il cache avant que l'image a terminé le chargement et est montré, alors que le navigateur me donne un message que la page transfère toujours les données du serveur: S

y at-il une autre fonction que je peux utiliser pour vous assurer que l'image est complètement chargée?

Answer 1

Vous pouvez utiliser l'événement onload sur l'image iteself:

<img src="foo.jpg" onload="hideLoadDiv();" /> 

Mise à jour: ressemble à votre question est un dup

Answer 2

javascript

img = new Image(); 
img.src = "foo.bar"; 
img.onload = function() {stuff();}; 

Answer 3

img = new Image(); 
img.onload = function() {stuff();}; 
img.src = "foo.bar"; 

src devrait passer en dernier