Discussion :

[Invité]

Bonjour a tous.

J'aurais aimé savoir si il était possible en JS de connaitre l'état du chargement d'une page en pourcentage un peu comme en flash (affichage du pourcentage du fichier chargé) ?

Par exemple dans le cas d'une gallerie avec beaucoup de photo, est-il possible d'afficher un loader avec le pourcentage de la page chargé puis une fois toutes les images bien chargées, faire disparaitre ce loader et laisser place a la galerie avec toutes les photos.

Pour ceux qui ont Gmail, lorsque vous vous connectez il y a une barre de progression qui à l'air de s'afficher en fonction du chargement de la page, je cherche un truc comme ça

Si il n'y a rien de ce type c'est pas grave j'ai une solution de secours

Merci d'avance.

[emmanuel.remy]

Salut,

Avec document.images tu connais le nombre d'images de ta page HTML. Chaque image dispose d'une propriété complete qui indique si elle a fini de télécharger. Donc en créant une fonction qui parcourt toutes la collection d'image et calcule le nombre qui est déjà téléchargé, tu peux afficher une barre de progression, ... Tu appellera cette fonction via un setTimeout.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
  
function checkTelechargementImages() {
   //parcourir document.images
      //---- pour chaque image img inspecter img.complete

  //afficher le porcentage de progression
}
setTimeout('checkTelechargementImages()', 20);

ERE