Sebastian: Bild waehrend laden austauschen!!

Beitrag lesen

Hi Leute ich habe ein Bild:
<img src=http://www.blbla.de/bild.jpg alt=pic1 width=450 height=120>

Dieses Bild braucht immer sehr lange zum laden und weil es dynamisch ist kann ich es nicht einfach auf meinen Webspace laden!

Ich habe vor, dieses Bild während es läd durch ein anderes zu ersetzen!

Meine Idee:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Sebastian's HP</title>
<script type='text/javascript'>
if (document.getElementById) {
var img = document.getElementById('pic1');
if (img) img.onload = InitFade;
}
function InitFade()
{
document.getElementById("img").innerHTML= "<img src=ladebild.jpg alt=pic2 width=450 height=120>";
}
</script>
</head>
<body>
<div id=img><img id="pic1" src=http://www.blbla.de/bild.jpg alt=pic1 width=450 height=120></div>
</body>
</html>

Leider Funktioniert es so nicht!
Bitte helft mir!

MfG Sebastian