Chargement avec une barre de pourcentage (vrai)

Soyez le premier à donner votre avis sur cette source.

Snippet vu 30 893 fois - Téléchargée 28 fois

Contenu du snippet

Chargement avec un pourcentage est une barre, Chargement en fonction des images disposées sur la page.

Source / Exemple :


<div id="Load" style="position:absolute"><br></div>
<script type="text/javascript" langage="JavaScript">
///// Option /////
MaxImgLoad=3; //Nombre d Image
Time=2000 // en MiliSecondes
Taille=120 // en Pixel
Color="#006699" // couleur de la barre
/// Fin Option ///
ImgLoad=-1;
function Chargement(){
ImgLoad++;
Pourcentage=Math.round((100/MaxImgLoad)*ImgLoad);
PourcentageBarre=Math.round((Taille/100)*Pourcentage);

document.all.Load.innerHTML="<table border=1 style='border-style:none;width:"+Taille+"'><tr><td><center><font size=2>Chargement : <font size=4>"+Pourcentage+"%</font></center><div style='background-color:"+Color+";width:"+PourcentageBarre+"px'</div></td></tr></table>";
if(Pourcentage>=100){
setTimeout('document.all.Load.innerHTML=""',Time)
}
}

Chargement()
</script>

<body>
<img src="Img1"  onLoad="Chargement()">
<img src="Img2"  onLoad="Chargement()">
<img src="Img3"  onLoad="Chargement()">

Conclusion :


Sur toute les images maitez : onLoad="Chargement()" . Et noubliez pas de changer le nombre d'images

A voir également

Ajouter un commentaire

Commentaires

cs_NADJIM08
Messages postés
1
Date d'inscription
mardi 15 juin 2010
Statut
Membre
Dernière intervention
15 juin 2010

Bonjour a tous, je vien de crée mon site et j'aimerais l'annimer du jore ajouter une barre de chargement, banniére, image qui tourne sur elle méme etc ... je compte sur vous pour m'aider merci beaucoup.

nadjim.08@hotmail.fr
www.banlieuecriminal.com
val3512
Messages postés
91
Date d'inscription
dimanche 29 juillet 2007
Statut
Membre
Dernière intervention
26 août 2008

aucue faille sur le truc pourtant
val3512
Messages postés
91
Date d'inscription
dimanche 29 juillet 2007
Statut
Membre
Dernière intervention
26 août 2008

ouai , ca ne s'arrete pas .

je vais essayer de continé a regarder ce truc ... c'est bizard ..
scylla77
Messages postés
3
Date d'inscription
dimanche 16 septembre 2007
Statut
Membre
Dernière intervention
5 avril 2010

Salut,
j'ai conçu mon site en utilisant ce code qui marche très bien sous IE,
surtout comparé aux autres code que j'ai trouvé,
mais sous firefox, ça marche pas du tout, je pense que le problème vient de
document.all.Load.innerHTML qui n'est pas compatible..
j'ai beau remplacer cette ligne, cela marche toujours pas,
et croyez mois j'y suis depuis un petit moment dessus...
si quelqu'un a une idée.....??
wizard512
Messages postés
470
Date d'inscription
dimanche 9 janvier 2005
Statut
Membre
Dernière intervention
11 mai 2013

pour ceux qui ce demande pourquoi esque la bar de progression continus 120%, 150%, ....
c'est tout simplement parceque vous n'avait pas définit la bonne valeur des images charger (MaxImgLoad) vous avez plus d'images

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.