Chargement avec une barre de pourcentage (vrai)

Commenter

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

S'inscrire maintenant

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.

Du même auteur (yanndroniou)