1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
| <html>
<head>
<title>index</title>
<script language="JavaScript">
// modifier ce qui suit
var locationAfterPreload = "accueil.php" // l'addresse de la page après que le préchargement fini
var lengthOfPreloadBar = 150 // Longueur de la barre de progression en pixels
var heightOfPreloadBar = 15 // Hauteur de la barre de progression en pixels
// les images a precharger(mettez-en autant que vous voulez)
// par exemple, ici des images de Yahoo
var yourImages = new Array("logos/asvel.png", "logos/besancon.png","logos/chalon.png","logos/cholet.png","logos/dijon.png","logos/gravelines.png","logos/hyeres.png","logos/lehavre.png","logos/lemans.png","logos/nancy.png","logos/orleans.png","logos/pau.png","logos/roanne.png","logos/rouen.png","logos/strasbourg.png","logos/vichy.png","livredor2.png","accueil.png","actu.png","actus.png","classement.png","contact.png","contact_webmaster.png","decolo.png","decolofrance.png","dernier_match.png","derniere_actu.png","dossier.png","equipe.png","fond_bas.png","fond_haut.png","jeu.png","livredor.png","login.png","marquis.png","multi.png","news.png","prochain_match.png","stats.png","vs.png","livredor.png","livredor2.png","cb.png","joueurs/beaubois.png","joueurs/decolo.png","joueurs/falker.png","joueurs/hoyoufat.png","joueurs/larrouquis.png","joueurs/lee.png","joueursleonard.png","joueurs/marquis.png","joueurs/mokongo.png","joueurs/nikkhah.png","joueurs/seraphin.png","joueurs/wiggins.png","signatures/beaubois.png","signatures/cb10.png","signatures/decolo.png","signatures/decolo2.png","signatures/decolo3.png","signatures/gelabale.png","signatures/marquis.png","signatures.png","construction.png","fond_petit.png","suite.png","terrain.png","remplacants.png","photos/beaubois.png","photos/beaubois2.png","photos/beaubois3.png","photos/charalito.png","photos/charalito2.png","photos/charalito3.png","photos/decolo.png","photos/decolo2.png","photos/decolo3.png","photos/decolof.png","photos/decolof2.png","photos/decolof3.png","photos/falker.png","photos/falker2.png","photos/falker3.png","photos/hoyoufat.png","photos/hoyoufat2.png","photos/hoyoufat3.png","photos/kunter.png","photos/kunter2.png","photos/kunter3.png","photos/larrouquis.png","photos/larrouquis2.png","photos/larrouquis3.png", "photos/lee.png", "photos/lee2.png","photos/lee3.png", "photos/leonard.png","photos/leonard2.png","photos/leonard3.png","photos/marquis.png","photos/marquis2.png","photos/marquis3.png","photos/mokongo.png","photos/mokongo2.png","photos/mokongo3.png","photos/nikkhah.png","photos/nikkhah2.png","photos/nikkhah3.png","photos/seraphin.png","photos/seraphin2.png","photos/seraphin3.png","photos/wiggins.png","photos/wiggins2.png","photos/wiggins3.png")
if (document.images) {
var dots = new Array()
dots[0] = new Image(1,1)
dots[0].src = "gris.gif" // couleur de la barre en default
dots[1] = new Image(1,1)
dots[1].src = "rouge.gif" // couleur de la barre en progression
var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0
var loaded = new Array(),i,covered,timerID
var leftOverWidth = lengthOfPreloadBar%coverage
}
function loadImages() {
for (i = 0; i < yourImages.length; i++) {
preImages[i] = new Image()
preImages[i].src = yourImages[i]
}
for (i = 0; i < preImages.length; i++) {
loaded[i] = false
}
checkLoad()
}
function checkLoad() {
if (currCount == preImages.length) {
location.replace(locationAfterPreload)
return
}
for (i = 0; i <= preImages.length; i++) {
if (loaded[i] == false && preImages[i].complete) {
loaded[i] = true
eval("document.img" + currCount + ".src=dots[1].src")
currCount++
}
}
timerID = setTimeout("checkLoad()",10)
}
</script>
<STYLE type='text/css'>
body{color:grey; font-family: Arial, Helvetica, sans-serif;}
a{color:white;}
div.chargement{background-color:white; width:200px; height:110px;}
</style>
</head>
<body background="fond.png">
<center>
<div class="chargement">
<font size="4">chargement du site...<br>
</font><p>
<script language="JavaScript">
// il est fortement recommande de garder le lien 'annuler' au cas ou l'utilisateur, pour une raison ou pour une autre, ne peux pas voir les images(navigateur)
if (document.images) {
var preloadBar = ''
for (i = 0; i < yourImages.length-1; i++) {
preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '" height="' + heightOfPreloadBar + '" name="img' + i + '" align="absmiddle">'
}
preloadBar += '<img src="' + dots[0].src + '" width="' + (leftOverWidth+coverage) + '" height="' + heightOfPreloadBar + '" name="img' + (yourImages.length-1) + '" align="absmiddle">'
document.write(preloadBar)
loadImages()
}
document.write('<p><small><a href="javascript:window.location=locationAfterPreload">Annuler</a> </small></p>')
</script>
</div>
</center>
</body>
</html> |
mon script ne fonctionne pas sur internet explorer
Répondre avec citation
Partager