Test du statut de chargement d'une image [Résolu]

[Dom_the_quaker]

Bonjour,
Après avoir chercher un peu sur mon ami google, je me tourne vers vous, j'aimerais savoir si il y a une variable dom a tester qui contiendrait l'etat de chargement d'une image, genre "complete", "failed" ou autre?
merci d'avance!
dominique

[Dom_the_quaker]

Bon j'ai trouvé, pour ceux que ça interesse:

Code :

1
2
3
4
5
 
var image = new Image();
image=document.getElementById('monImage');
while (!(image.complete))
       /*gestion de timeout*/

A+ et merci quand meme!

[mekal]

il existe deux solutions

soit par complet soit par onload

premiere methode

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var imamage = new Image();
 imamage.src=blabla.jpg
precharge()
 
function precharge(){
 
if(imamage.complete==true){
alert('image chargé')
return false
}
setTimeout(precharge,100)
}

deuxieme methode

Code :

1
2
3
4
 
var imamage = new Image();
 imamage.src=blabla.jpg
 imamage.onload=function(){alert('image chargé')}

je prefere la premiere methode pour la deuxieme elle a son interet avec ie qui bog avec la premiere methode quand l'image se trouve dans le cache du navigateur

[Dom_the_quaker]

Cool
merci pour ta réponse, cette indication à propos d'IE (encore lui...) va m'éviter des petits soucis.
merci encore!

[Bovino]

Pour les mêmes raisons de gestion du cache, il est plutôt recommandé de définir le onload avant le src :

Code :

1
2
3
var imamage = new Image();
imamage.onload=function(){alert('image chargée')};
imamage.src=blabla.jpg;

sans oublier le ; à la fin du onload