html koden er:
<script>
bill = new Array("billede1.jpg", "billede2.jpg", "billede3.jpg"); //Billederne, der skal preloades
i = 0;
slut = 0;
provigen = 0;
pb = new Array();
function preload()
{
//alert ("Trin: preload " + i);
pb[i] = new Image();
pb[i].src = bill[i];
setTimeout("tjek();", 1000);
//tjek();
}
function tjek()
{
//alert ("Trin: tjek " + i);
x = i;
if (pb[i].complete)
{
document.getElementById("loadbar").style.width = Math.round(++i / bill.length * 100) + "%";
if (i == bill.length)
{
if(provigen == 1)
{
self.location.href = "index.htm"; //Siden, der skal redirectes til
}
alert ("Trin: slut " + i);
slut = 1;
return;
}
if(slut != 1)
{
preload();
}
}
else
{
i = x;
slut = 0;
pb = new Array();
preload();
provigen = 1;
}
}
</script>
<body onLoad="preload();">
<div style="position: absolute; left: 0px; top: 200px; width: 100%; text-align: center;">
<div style="width: 280px; height: 20px; background-image: url('din_baggrund.gif');">
<div id="loadbar" style="width: 0%; height: 20px; background-image: url('din_baggrund.gif'); text-align: left; font-size: 0px;"> </div>
</div>
</div>
<p>1. <img src="billede1.jpg" width="28" height="20">
2. <img src="billede2.jpg" width="28" height="20">
3. <img src="billede3.jpg" width="28" height="20"></p>
<p>
<input type="text" name="textfield">
</p>
<p> </p>
