Je cherche à faire une barre de progression sur une page web...
En fait, je permet au client de voir des images agrandies, mais celles-là font entre 50 et 150 ko, ce qui fait qu'une barre de progression pour le chargement de l'image pourrait être sympa !
Quelqu'un saurait où je pourrais trouver ceci  ou même trouver de l'aide ?
 
Merci d'avance ;-)

je pense pas tellement que ce soit possible...t'as vu ça qq part ?

C'est quelque chose qui se fait pas mal en flash.

c'est faisable aussi avec une applet java.

Le seul ennui, c'est que je ne m'y connais pas du tout en Flash ou En Applets Java... :-)
Y'a  pas moy de faire autrement, ou de récup des sources déjà faits que l'auteur met à notre dispo ?

Le navigateur il affiche déjà par lui-même la progression du chargement des images quand même ? (du moins Netscape et Opera).

Tin tin tinnnnnnnn
 
J'ai ce qu'il te faut. Vas voir à cette adresse:
 
http://www.ccim.be/ccim328/trucs/new/preload.html
 
Attention, compatible uniquement avec IE4+ et NS4
 
A++

Attention: cela ne réponds pas exactement au même problème: la barre proposée indique le NOMBRE d'images préchargées, et non la progression de chargement de chaque image.
 
Le script procède en comptant les images dont la propriété .complete devient vraie une fois qu'elle est TOTALEMENT chargée dans le cache du navigateur. C'est pour ça qu'il ne marche qu'en IE4+ ou NS4+: les versions antérieures ne renseignaient pas l'attribut .complete des images.
 
Pour son problème, il faudrait que les images incluent une autre propriétés accessible en JavaScript, qui indique la taille déjà chargée dans le cache, plus une autre indiquant la taille escomptée pour l'image (cette taille est généralement transmise dès le début par le serveur web).
 
Malheureusement, en dehors de la propriété .complete, les objets Image n'ont pas de propriétés standardisées donnant ces tailles en octets (ou alors je ne les connais pas, et elles sont bien cachées par les navigateurs).
 
Aussi en utilisant ce script sur une seule grosse image de 200Ko, l'utilisateur verra la barre de progression rester longtemps à 0 pendant tout le chargement, et passera d'un coup à 100% en fin de chargement...
 
Une solution possible: découper la grosse image de 200Ko en mosaïque de 20 images de 10Ko, et former une liste de chargement de ces images. Ensuite on n'a plus qu'à afficher la mosaïque d'images. De cette façon, l'utilisateur a des chances de voir progresser la barre par tranche de 5% (= 100% / 20 images).
 
Ce type de découpage est courant sur les pages d'accueil entièrement graphiques de certains sites: le découpage permet d'afficher rapidement au moins une partie des images, et évite que la page reste blanche durant trop longtemps.

[edit]--Message édité par verdy_p--[/edit]

Le concept de découper les images en plusieurs parties est bien trouvé j'avoue, mais en ce qui me concerne, j'aurais une vingtaine d'images à afficher, et je n'ai pas trop le temps ni la motivation pour les découper et les insérer ensuite sur la page ;-)
De plus, le navigateur charge parfois plusieurs images à la fois (IE5 par ex.), ce qui fait que la barre de progression ne sera quand pas totalement juste...

Il n'y a pas que IE qui fait ça: en fait la plupart des navigateurs savent faire plusieurs sessions HTTP en même temps vers le même serveur (en principe par défaut, 4 en même temps vers un serveur HTTP/1.1, et 2 vers un serveur HTTP/1.0, ce qu'il sait en regardant la réponse à sa première requête qui permet de savoir le protocole supporté par le serveur).

Oui, je parlais d'IE en particulier pour être sur de dire vrai, et ne pas risquer de dire de bêtises sur les autres navigateurs...
Mais à vrai dire, je ne vois tjrs pas comment faire ma barre de progression :-((

y'a pas moy de calculer la vitesse de la connec du client ???
et comme ca, avec un p'tit calcul connaitre le tps restant et afficher ma barre de progression en fonction de ça ???

il me semble qu'avec interdev ... (enfin, objet activeX je crois)
 
Il y a une barre de progression, ke tu peux configurer a ta guise... Fo verifier l'info, car m'en rappelles plus trop ... C loin tout ca D

Sinon en Flash 5 tu peux en utilisant l'instruction :
MovieClip.getBytesTotal et MovieClip.getBytesLoaded.
 
Le rapport des deux te génère un pourcentage que tu appliques à une barre de progression. Tu en trouves une tonne sur les sites Flash..

Merci pour cette aide...
Par contre, une barre de progression en flash, ca peut récupérer la taille du fichier et la taille chargée d'un fichier image présent sur ma page ? (même s'il est définit en html", et non en flash) ???

j'ai regardé un peu mais je crois que ce n'est pas possible va voir a cette adresse, c'est la description complete de la balise IMG.
 
http://msdn.microsoft.com/workshop [...] ts/IMG.asp

c possible apparemment paske l objet image de javascript, bah il a une propriété du gere isLoaded donc tu stockes tes images dans des tableaux d' "Images" et tu consultes toutes les n microsecondes voir si c bon....pis tu mets un div qui explose la page en disant chargé à nbImages.isLoaded/nbImages*100

C'est une bonne ID k666 ;-)
mais étant donné que les images se chargent plusieurs à la fois, c'est dur, surtout que sur mon site, j'en aurais 2 au maximum pour quelques pages (2 * 150 ko).......

tu vas là : http://www.vbfrance.com/
et tu tapes "progression" dans le champ de recherche
Il y a ce que tu veux normalement