Super preloader:
-------------------------------------------------
<!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>
Ny bruger
Nybegynder
Opret
Preview
