problemer med preload
Jeg har fået lagt denne http://www.phoenixv.dk/scripts/scr02.htmlpreload ind på min hjemmeside..
Men jeg har det problem at den virker godt nok hvis man går ind på den første gang.. men hvis man så går ind på den igen i samme browser, står preloaderen bare stille.. og man er nød til at trykke F5 for at det kommer til at virke!
hjemmesiden er www.subir.dk
prøv at gå ind på den.. og så bagefter gå op i adresse og skriv adressen igen (www.subir.dk) så vil I også kunne se problemet!
Håber der er nogen der kan hjælpe!!
koden til preload er:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Avanceret preloader</title>
<script type="text/javascript">
bill = new Array("billede1.jpg", "billede2.jpg", "billede3.jpg", "billede4.jpg", "billede5.jpg"); //Billederne. Listen kan sagtens forstørres/formindskes.
i = -1;
nsImg = new Image();
tbts = 0;
function preload() {
img = (document.all) ? document.images["pimg"] : nsImg;
if (++i != 0 && document.all)
tbts += Math.round(img.fileSize / 1024);
prct = Math.round(i / bill.length * 100);
document.getElementById("pl").innerHTML = prct + "%<br />" + ((document.all) ? "Kilobytes: " + tbts + "<br />" : "") + i + " ud af " + bill.length + " billeder loadet";
document.getElementById("plbar").style.width = prct + "%";
if (i >= bill.length)
efterPreload();
else {
img.src = bill[i];
if (!document.all)
tjek();
}
}
function tjek() {
if (nsImg.complete)
preload();
else
setTimeout(tjek, 100);
}
function efterPreload() {
//Her defineres, hvad der skal ske, efter billederne er loadet
//Hvis siden skal skifte, fjerner du bare de to slashes herunder:
//self.location.href = "din_side.html";
}
</script>
</head>
<body>
<h2>Avanceret preloader</h2>
<div style="width: 200px; height: 16px; border: 1px solid black; background-color: #CCCCCC; font-size: 0px;">
<div style="width: 0%; height: 100%; background-color: #6699CC; font-size: 0px;" id="plbar"></div>
</div>
<span id="pl" style="font-family: Verdana; font-size: 60%;"></span><br />
<img src="" name="pimg" style="display: none;" onLoad="preload();" />
<script type="text/javascript">
preload();
</script>
</body>
</html>
