Fäberer: Bild nach einer Zeit ausblenden

Beitrag lesen

Hallo, ich noch Mal
Sinn und Zweck meiner Anfrage war, dass eine GIF-Animation gleich lange "spricht", wie eine im Hintergrund ablaufende wav.
Ich habe momentan folgende Zwischenvariante:
<head>
<script language="JavaScript">
<!--
function showPic() {
  window.setTimeout("document.all.bild1.style.visibility = 'visible'",10);
  window.setTimeout("document.all.bild2.style.visibility = 'visible'",20000);

}
//-->
</script>
<script language="JavaScript"><!--
if(navigator.appName=="Netscape"){
document.write('<embed src="joseftext.wav" autostart="true" loop="0" hidden="true"></embed>');}
else if(navigator.appName=="Microsoft Internet Explorer"){
document.write('<embed src="joseftext.wav" autostart="true" loop="0" hidden="true"></embed>');}
else{
document.write('<embed src="joseftext.wav" autostart="true" loop="0"></embed>');}
//-->
</script>
</head>
<body onLoad="showPic()" bgcolor="#BD0000" text="#FFFFFF" link="blue" vlink="#0000BD" alink="#00BE00"> <font face=Times New Roman>
<div style="float:left; width:40em; border:0px solid gray;"><img src="http://home.balcab.ch/venanz.nobel/joschat/ZKZtransp.gif" border="0" alt="ZKZ-Rotel" style="float:left; margin-right:20px; margin-bottom:10px">
  <div style="position:absolute; top:100px; left:400px;">
  <img id="bild1" src="bild1.jpg" border="0" style="visibility:hidden">
 <img id="bild2" src="freierlianim2.gif" border="0" style="visibility:hidden"></div>

<noscript><embed src="joseftext.wav" autostart="true" loop="0"></embed></noscript>
<noembed><bgsound src="joseftext.wav" loop=0></noembed>

</body>

</html>

Die GIF-Animation besteht aus 3 Bildern, die 18 Mal je 33/100 Sek. aufscheinen. In der hier präsentierten Version lassen jedoch sowohl Opera9 als auch IE6 zuerst den Text ab WAV laufen und anschliessend werden die Bilder geladen. Im IE6 erscheint zudem das gif als nicht animiertes "Standbild". Netscape 7.1 hat bei mir überhaupt keine Lust, irgendeine dieser Aktionen durchzuführen (kein Bild, kein Ton).
Zum Testen erreicht Ihr diese Version unter: http://home.balcab.ch/venanz.nobel/test/sprechzeittest.html

Wenn ich die Animation nicht über obiges Script, sondern direkt in html einbinde, laufen Bild und Ton im IE und im Opera brav synchron ab, genau wie gewünscht. Allerdings verschwindet das Bild anschliessend nicht, sondern bleibt stehen. Weil es aber in einer Chat-Maske erscheinen soll, muss es nach diesen 20 Sekunden raus... Der Netscape bringt bei mir in dieser Variante zwar die GIF-Animation, aber leider ebenfalls stumm...
Zum Testen erreicht Ihr diese Version unter:
http://home.balcab.ch/venanz.nobel/test/sprechzeittest2.html

Wer weiss mir eine Lösung, die Bild und Ton annähnernd synchron ablaufen und das (Gif-)Bild anschliessend verschwinden lässt? Auf den  Ton im Netscape könnte ich allenfalls verzichten, sofern das Bild in allen 3 Browsern nach 20 Sekunden verschwindet und die Bild/Ton-Koppelung wenigstens im IE (meine Haupt-Klientel) und hoffentlich im Opera einigermassen hinhaut....

Ich freue mich auf Eure Tipps und danke im voraus fürs Mitdenken!

der Fäberer