Discussion :

[jgoguel]

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

[Tdeny]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[Mr N.]

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[jgoguel]

Merci pour vos r�ponses !

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