preload avec ciblage depuis une iframe

Bonjour,
ça fait deux jours que je teste des barres de chargement en javascript qui fonctionnent bien, mais que je n'arrive pas à adapter à ce que je souhaite :

Dans ma page j'ai une iframe. Dans cette iframe j'ai des liens comme ça :

OnClick="parent.document.images['monimage'].src='masource';
ChangeMessage('malegende','zone_de_legende'); "

ChangeMessage a pour effet d'afficher le texte de légende de l'image dans la zone prévue.

Actuellement, je clique et il se passe :
- la légende s'affiche immédiatement, normal
- l'image peut mettre un bref instant.

Si le fichier esty "lourd" on a donc la légende de l'image affichée au dessus de l'image précédente, avant le chargement e la nouvelle image.

Mon rêve serait d'avoir au clic :

- une barre de preload qui tient compte du poids de l'image appellée
- la légende qui s'affiche en même temps que l'image, et pas avant.

Si certaines ou certains d'entre vous ont déjà rencontré ce genre de truc, je serais ravi de profiter de vos conseils et/ou idées !

Merci

:D

Il existe la proprièté 'complete' boléenne, de valeur true quand l'image est entièrement chargée.
Mais je ne l'ai jamais utilisée et elle n'est pas évidente.
Par exemple, elle se met à true quand l'adresse de l'image est fausse.
Je suppose aussi qu'il faut l'éxécuter en boucle...

Code:

---

if(document.images[x].complete==true;)

---

Code:

---

1 2 3

var img = new Image; img.onload = ...<--- function qui sera appellée une fois l'image chargée (utile pour effacer la barre de progression et afficher à ce moment là la légende) img.src = 'img.png'; <--- le chargement commence maintenant !

---

Recherche préchargement d'images javascript sur G

Merci pour vos réponses !

je regarde ça et vous tiens au courant de mes essais !