Preload virker ikke i Firefox
Jeg har nedstående script som stammer fra:http://www.eksperten.dk/spm/526148 og oprindeligt fra www.phoenixv.dk
Denne virker perfekt i IE men ikke i FF, nogen der kan den fixe det?
Her er scriptet:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<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() {
if(document.getElementById){
l=document.getElementById('loading');s=document.getElementById('siden');
}else if(document.all){
l=document.all['loading'];s=document.all['siden'];}
l.style.display = 'none'; s.style.display = 'block';
}
</script>
</head>
<body>
<div id="loading">
<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();" />
</div>
<div id="siden" style="display:none;">
<!-- Hele siden indsættes i denne DIV -->
</div>
<script type="text/javascript">
preload();
</script>
</body>
</html>