readystate et chargement d'image avec Firefox

Bonjour, j’ai besoin d’un coup de main.

Pourriez-vous me dire pourquoi ce code marche avec Explorer et ne fonctionne pas sous Firefox ? Comment faire pour le faire fonctionner sous Firefox ?

La solution est sans doute simple mais là je sèche… Merci pour vos réponses.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

function affichePhoto(chemin){   var nomimage=new Image; nomimage.src=chemin ;   nomimage.onreadystatechange=function() { alert("passe par ici."); if(nomimage.readyState=="complete"){ alert("passe par là."); } } }

---

onreadystatechange n'existe pas dans W3C et FireFox n'a jamais pris la peine de le mettre dans les balises d'images...

Faudra faire sans.

S'il s'agit de vérifier si une image est chargée, tu peux te baser sur cet exemple, sachant que l'exécution de cette fonction est déclanchée par un setInterval:

Code:

---

1 2 3 4 5 6 7 8 9 10

function chargeSuivante(){ if(img[ctImgCharg].complete){ ctImgCharg++; if(ctImgCharg < photos.length){ img[ctImgCharg] = new Image; img[ctImgCharg].src = './galeries/architecture/web/'+photos[ctImgCharg]; } else clearInterval(chargement); } }

---

En gros, comme y'a pas d'événement pour gérer ça sous firefox, tu en teste l'état à intervales réguliers.

l'exemple est tiré d'ici

Merci pour ta réponse Eric. Je pouvais toujours chercher... La fonction ci-dessus est effectivement une bonne solution, encore merci.

Je recherche à afficher une barre de progression jusqu'a ce que l'image soit chargée en mémoire. Donc, c'est ça qu'il me fallait du moins dans un premier temps (voir mon autre post).