Der er lige meget om jeg placere den inde for eller uden for body - preloderen virker ikke, hverken med den forrige version eller med din sidste lange seje kode.
Det der var fordelen ved at have javascriptet inden for body er at valideringen af xhtml bliver fejlfri, så scriptet skal ligge inden for body.
Jeg har vedlagt koden, så du kan prøve at teste de på din egen server, for så er det nok bedre at se hvad der mangler, og har andre kommentater, så bare kom med dem :-)
------------------------------------------------------------------------
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="
http://www.w3.org/1999/xhtml"><head>
<title>Avanceret preloader</title>
<script type="text/javascript">
<![CDATA[
bill = new Array("billede02.jpg", "billede03.jpg", "billede04.jpg", "billede05.jpg", "billede06.jpg", "billede07.jpg", "billede08.jpg", "billede09.jpg", "billede10.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 = "test.htm";
}
]]>
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</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" id="pimg" alt="" style="display: none;" />
</body>
<script type="text/javascript">
<![CDATA[
window.onload = function(){document.getElementById('pimg').onload=preload;};
]]>
</script>
</html>
