Bild nach einer Zeit ausblenden
fäberer
- grafik
0 Philipp- javascript
0 Cybaer0 Fäberer0 at
Hallo
Ich stehe mir mal wohl wieder selber im Weg....
Eine Grafik soll beim Aufruf der Seite geladen und nach 20 Sekunden ausgeblendet werden. Wer verrät mir den Trick dazu?
Vielen Dank im voraus!
der Fäberer
Hallo,
Eine Grafik soll beim Aufruf der Seite geladen und nach 20 Sekunden ausgeblendet werden. Wer verrät mir den Trick dazu?
Der Blick in SelfHtml, den du vorher hättest werfen sollen *denzeigefingerschwing*
http://de.selfhtml.org/javascript/objekte/window.htm#set_timeout
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display
Gruß,
Philipp
Hi,
oder ein animiertes GIF ohne Wiederholung.
Gruß, Cybaer
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
Hallo.
Wer weiss mir eine Lösung, die Bild und Ton annähnernd synchron ablaufen und das (Gif-)Bild anschliessend verschwinden lässt?
Kann Flash sowas nicht?
MfG, at