JavaScipt?

Hallo,

Weet iemand misschien een script die een afbeelding laat zien tijdens het laden van de pagina?
Ik heb hier een voor beeld maar dat is een afbeelding en niet een hele webpagina.

Groeten,
Allard

Ik denk dat je gewoon een animated gif daarvoor kan gebruiken.

DA
heefd dat ook

Ja dat weet ik ook wel maar hoe kan ik die in het midden van de pagina weergeven en na een bepaalde tijd verbergen?

de bron code van de pagina

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>fade.html</title>
<style type="text/css">
#photoholder {
    width:600px;
    height:450px;
    border:1px solid #666;
    background:#fff url(loading.gif) 50% 50% no-repeat;
}
#thephoto {
    width:600px;
    height:450px;
}
</style>
<script type="text/javascript">
document.write("<style type=text/css>#thephoto {visibility:hidden;}</style>");
function initImage() {
    imageId = thephoto;
    image = document.getElementById(imageId);
    setOpacity(image, 0);
    image.style.visibility = "visible";
    fadeIn(imageId,0);
}
function fadeIn(objId,opacity) {
    if (document.getElementById) {
        obj = document.getElementById(objId);
        if (opacity <= 100) {
            setOpacity(obj, opacity);
            opacity += 10;
            window.setTimeout("fadeIn("+objId+","+opacity+")", 100);
        }
    }
}
function setOpacity(obj, opacity) {
    opacity = (opacity == 100)?99.999:opacity;
    obj.style.filter = "alpha(opacity:"+opacity+")";
    obj.style.KHTMLOpacity = opacity/100;
    obj.style.MozOpacity = opacity/100;
    obj.style.opacity = opacity/100;
}
window.onload = function() {initImage()}
</script>
</head>
<body>
<div id="photoholder"><img src="atomium.jpg" alt="Atomium Brussel" id="thephoto" /></div>
</body>
</html>

hier in kun je zien

<div id="photoholder"><img src="atomium.jpg" alt="Atomium Brussel" id="thephoto" /></div>

dit is de uiteindelijke afbeelding

in de css staat

background:#fff url(loading.gif) 50% 50% no-repeat;

dit is de afbeelding met "afbeelding is aan het laden

er zit ook nog een javascript tussen

<script type="text/javascript">
document.write("<style type=text/css>#thephoto {visibility:hidden;}</style>");
function initImage() {
    imageId = thephoto;
    image = document.getElementById(imageId);
    setOpacity(image, 0);
    image.style.visibility = "visible";
    fadeIn(imageId,0);
}
function fadeIn(objId,opacity) {
    if (document.getElementById) {
        obj = document.getElementById(objId);
        if (opacity <= 100) {
            setOpacity(obj, opacity);
            opacity += 10;
            window.setTimeout("fadeIn("+objId+","+opacity+")", 100);
        }
    }
}
function setOpacity(obj, opacity) {
    opacity = (opacity == 100)?99.999:opacity;
    obj.style.filter = "alpha(opacity:"+opacity+")";
    obj.style.KHTMLOpacity = opacity/100;
    obj.style.MozOpacity = opacity/100;
    obj.style.opacity = opacity/100;
}
window.onload = function() {initImage()}
</script>

deze zorgt er voor dat de afbeelding wisseld.

Hartstikke bedankt!