Discussion :

[seb.49]

Bonjour,

J'ai cherch� tout l'apr�s midi comment afficher en passant ma souris sur une image miniature une grande image mais avec une progess bar pendant que la grosse image se charge.

J'ai essay� avec les settimeout sans succ�s, avec des simulacre de wait idemn le r�sultat n'est pas bon. Avez vous un script qui ferai �a. Note je ne peux pas faire de preload au chargement de ma page car je ne sais pas quelels images seront appel�es avant de les survoler.

Merci

[SpaceFrog]

le probl�me c'est que javascript n'a aucune id�e de la taille de l'image � charger ni du debit ...

Au mieux sur un setInterval tu peux tester le complete de l'image pour afficher un gif anim� et le faire disparaitre quand l'image est complete... mais une progressbar de 0 � 100 ce n'est pas possible

[Ylias]

D�butant en JavaScript et int�ress� par l'affichage d'une image pendant le chargement, pourrais tu m'en dire plus sur le code a mettre en place pour afficher un petit gif anim� pdt le chargement?

Merci d'avance

[jumbay]

Ils le font bien ici : http://sean.treadway.info/demo/upload/
Bon c'est fait en utilisant RoR mais je pense qu'avec Ajax + PHP c'est faisable.

[Ylias]

Moi je vuex afficher une image pendant le chargement et que cette image soit remplac� par l'image voulu une fois le chargement termin�...

[jumbay]

Pour �a c'est plus simple

Il te faut donc 2 images :
<img scr="imgloading" /> (ton image de chargement)
<img src="img1" /> (ton image � afficher apr�s chargement)

Ton img1 doit �tre en style="display:none". Dans ce cas lorsque la page s'affichera seule l'image de chargement sera visible.
Une fois que ta page est charg�e (on dom ready) tu mets ton image de loading (imgloading) en display none et ton autre image (img) en display block.

Et voil�

[Ylias]

Ok merci pour ta r�ponse.

Tu aurai un bout de code � me montrer ?

Parce que dom ready ou modification du css, j'ai aucune id�e de comment faire �a...

[SpaceFrog]

ne pas confondre upload et chargement !