//Script preload par Nicolas Catez (http://esurf.fr.tc/) var ie = document.all?true:false // On teste le navigateur pour IE onload = preloadImage // Appel de la fonction preloadImage() au chargement de la page. Peut être remplacé par function addZero(chiffre){ // Fonction qui ajoute un zéro devant les chiffres if (chiffre < 10) { chiffre = "0"+chiffre; } if (chiffre < 100) { chiffre = "0"+chiffre; } return chiffre; } var i=0; // On initialise le comptage des images a 0. function preloadImage(){ var myContent = document.getElementsByTagName("img") // On repère les images contenues dans la page var totalImage = myContent.length // Et on compte combien il y en a percent = Math.ceil((i+1)*100/totalImage) // A chaque passage dans la fonction, on calcule le pourcentage de i par rapport au nb d'images if (i < totalImage){ // Si l'image traitée n'est pas la dernière image du doc on exécute ce qui suit. if (myContent.item(i).complete) { // si l'image i est chargée, on envoie le pourcentage dans le div document.getElementById("preloadPercent").innerHTML = "[please wait " + addZero(percent) + "%]"; document.loadedGreen.style.width = percent // Et on redimensionne l'image rouge document.loadedRed.style.width = 100-percent // pareil en conséquence avec la verte. i++ // On incrémente i, pour passer à l'image suivante setTimeout(preloadImage) // Et on repasse dans la fonction avec l'image suivante } } else { // Sinon, on déduit que les images ont toutes été chargées, et on cache le preload. if (!ie) document.getElementById("preloadCache").style.visibility = "hidden"; // Si le client n'est pas IE on vire tout simplement le cache else crosoftFade() // Sinon on applique un effet de fade progressif en appelant la fonction crosoftFade() } } var opacity = 100 // Opacité de depart function crosoftFade(){ opacity -= 25; // Opacité -25 à chaque passage document.getElementById("preloadCache").style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + opacity + ")"; if (opacity > 0) setTimeout(crosoftFade); // On passe cette fonction en boucle tant que le cache n'a pas disparu else document.getElementById("preloadCache").style.visibility = "hidden"; }