Améliorer un code trouvé sur ce site

Question

Bonjour, je suis nouveau sur le forum et complètement novice en javascript. Moi je suis plus php. Cependant j'ai trouvé un code pour mon site qui permet de précharger des images. Voici ce que ca donne: http://www.plevenon-meteo.info/webcam.php?time=0.1&frame=1&precharger=1&#barre Attendez le chargement complet avant de démarrer le diaporama, l'effet est grantie ! Je voudrais ajouter une fonction qui afficherait a côté de la barre le poucentage du chargement (0%...40%...100%). Mais malgré mais tentative je n'y arrive pas. Quelqu'un n'aurait pas une idée ? Voici le code : Préchargement des images... Préchargement des images... 0% Merci d'avance !

Chriss22 · Answer

Pardon j'ai du me trompé de catégorie.
Désolé

cs_bultez · Answer

bonjour,

la catégorie n'est pas grave si on cause javascript en fait...
un préchargement ? c'est généralement totalement inutile voire nuisible !

>>Attendez le chargement complet avant de démarrer le diaporama, l'effet est grantie !
ben justement ! qui va attendre devant une page blanche ( ou un message du style 
"chargement en cours" ) pendantje ne sais combien de temps ?
pour moi tu ferais mieux de supprimer ce préchargement.

préchargement =  chargement de toutes les images, même celles
qu'on ne visionnera jamais  + temps d'affichage en réel pour chaque après
mais page blanche pendant tout ce temsp

pas de préchargement: temps d'affichage de la 1ère image et c'est tout
puis aprés pour chaque nouvelle  image voulue, son temps de chargement
et pour le réaffichage le cache sait faire.

ce n'est que mon avis

<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

Chriss22 · Answer

Bonjour et merci,
Je suppose que vous n'avez pas été voir ma page vu ce que vous me dites là.
En effet, j'y propose 2 modes.
Le premier sans préchargement et le second avec (le liens que j'ai donnée est avec préchargement).
C'est donc l'utilisateur qui choisit s'il veut ou pas le préchargement (désactivé par défault).
Ensuite lors du chargement des images qui prend 30s environ (avec un dowload de 900kbits chez mois) la page n'est pas blanche, elle tout a fait opérationnelle, on peut se servir du diaporama (sauf pour des vitesse élevée où là il faut attendre la fin du préchargement).
Ce préchargement est pour moi très utile car je présente des images du ciel (mon site parle de la météo de ma ville).
Ainsi grace au préchargement, je peux y faire défiler les 144 images qui représente 24h avec une frame de 100ms par image, ce qui fait un petit film de la journée.
Je réitère donc ma demande afin de savoir comment placer un texte a coté de la barre de chargement afin d'afficher le pourcentage en temps réel.

@karamel · Answer

si je me trompe pas les images sont place dans un tableau tu pourait essayer de gere la fonction dans ce sens 

 var le_tableau = new Array(1,2,3,4,5,6,7,8,9);
 alert(le_tableau.length);

cette exemple de donne la taille de ton tableau si a un moment donne tu parcoure le tableau tu connaitra la taille du tableau ou plutot le nombre des image deja precharge si tu a au totale de 50 image a precharge et que le tableau en comporte 20
20/(50/100) te donnera le poucentage de progression  tu pourait affiche dans un champ ce pourcentage.

a voire maintenant en fontion de ton script si c'est possible

Chriss22 · Answer

J'y ai pensé, ou encore plus simple, il y a des boucles for dans le script, je peux utiliser le i de la boucle pour afficher ce pourcentage. Mais c'est comment l'afficher ? Par quelle fonction, j'avais placé un i déjà dans une boucle mais ca m'affichait une série de chiffre à la suite, et non un chiffre qui s'efface pour ensuite afficher la nouvelle valeur de i.

@karamel · Answer

ei si tu declare un variable globale tu assigne la valeur du i a cette varible ce qui fait que la valeur du i peut etre lu par une autre fonction . pour eviter des changement de la valeur trop rapide a lire la fonction sera execute selon un certain interval (setTimeout) et aussi  arondi  la valeur ( ex : 15.22457894452 arondi a 15).
a tester

Chriss22 · Answer

Bon bah c'est bon j'ai réussi tout seul, après pas mal de recherche. Merci a kazma de m'avoir aider.
La solution je l'ai trouvé dans un script d'affichage de l'heure en temps réel. Je m'en suis servi pour afficher la poucentage ainsi que le nombre d'image downloadé.
Résultat ici : http://www.plevenon-meteo.info/webcam.php?time=0.1&frame=1&precharger=1&#barre
A+

@karamel · Answer

nikel chrome

Améliorer un code trouvé sur ce site

8 réponses

Votre réponse

Discussions similaires