Du loader i et skjult lag, mens du viser et andet. Når alle billeder er loaded, skiftes lagene:
<html>
<head>
<script language="JavaScript">
<!--
var inx = 0;
function countUp() {
inx++;
if(inx == 6) {
shift();
}
}
function shift() {
if (document.layers) {
document.layers['coverlayer'].visibility = "hide";
document.layers['mainlayer'].visibility = "show";
}else if (document.all) {
document.all['coverlayer'].style.visibility = "hidden";
document.all['mainlayer'].style.visibility = "visible";
}
}
//-->
</script>
</head>
<body bgcolor=#666666>
<div id="coverlayer" style="position:absolute; left:0px; top:0px; width: 100%; height: 97%; z-index:1; visibility: visible">
<center><br><br><br><br><br>
<h2>Loading...</h2>
</center>
</div>
<div id="mainlayer" style="position:absolute; left:0px; top:0px; width: 100%; height: 97%; z-index:2; visibility: hidden">
<img src=p1.jpg width=352 height=452 onload=countUp();>
<img src=p1a.jpg width=352 height=452 onload=countUp();>
<img src=p2.jpg width=352 height=452 onload=countUp();>
<img src=p2a.jpg width=352 height=452 onload=countUp();>
<img src=p3.jpg width=352 height=452 onload=countUp();>
<img src=p3a.jpg width=352 height=452 onload=countUp();>
</div>
</body>
</html>
Variablen 'inx' tælles op til antallet af billeder - her 6. Det sker ved hjælp af en 'onload' på hvert billede. Når 'inx' når 6, skiftes. Virker X-browser. Du kan nok selv fylde resten på ;-)
/VH
Ole Clausen
