Michael: layer zeitgesteuert verschwinden lassen

Hi,
ich versuch schon den ganzen Tag ein layer Zeitgesteuert verschwinden zu lassen. Ich möchte ganz gerne für etwa 20 Sekunden ein layer mit einer grafik anzeigen, danach soll es verschwinden. Ich hab bis heute morgen noch gar kein Plan davon gehabt. Bisher bin ich nicht viel weiter gekommen, außer das ich die div tags schon hab:

/*<div id="div1" style="position:absolute; left:60; top:100"><img src="ebene1.jpg"</img></div>
<div id="div2" style="position:absolute; left:60; top:100"><img src="ebene2.jpg"</img></div>*/

Ich denke mal ich brauch dafür eine If Anweisung und ich brauche dafür ein date Objekt um den Zeitabstand zu bemessen. Aber wie bekomme ich sowas hin?

Danke im Vorraus

  1. Hallo Michael,

    ich versuch schon den ganzen Tag ein layer Zeitgesteuert verschwinden zu lassen.

    aller anfang ist schwer ;-)

    Ich möchte ganz gerne für etwa 20 Sekunden ein layer mit einer grafik anzeigen, danach soll es verschwinden. Ich hab bis heute morgen noch gar kein Plan davon gehabt. Bisher bin ich nicht viel weiter gekommen, außer das ich die div tags schon hab:

    respekt!

    Stichwort Zeitgesteuert:
    dafür ist die Funktion window.onTimeout() gedacht.

    Stichwort verschwinden resp. Unsichtbarkeit:
    1. da gibs die Styleeigenschaft visibility
    2. Styleeigenschaften können über das Objekt style, das jedem Element anhaftet, geändert werden.

    Gruss,
    Kube

  2. Hallo Michael,

    Ich möchte ganz gerne für etwa 20 Sekunden ein layer mit einer grafik anzeigen, danach soll es verschwinden.

    du brauchst die Funktion setTimeout()[1] und das Objekt style[2]
    function divverstecken(){
    window.setTimeout("document.getElementById('div1').style.visibility='hidden'",2000);
    }
    und dann einfach im body mit onload="divverstecken()" aufrufen.

    /*<div id="div1" style="position:absolute; left:60; top:100">

    für was ist das '/*'?

    <img src="ebene1.jpg"</img></div>

    hinter "ebene1.jpg" solltest du noch eine spitze Klammer (>) machen

    Grüße aus Nürnberg
    Tobias

    [1] http://selfhtml.teamone.de/javascript/objekte/window.htm#set_timeout
    [2] http://selfhtml.teamone.de/javascript/objekte/style.htm

    1. Hi Tobias,
      was du geschrieben hasst, hilft mir auf alle Fälle. Danke. Ich war letztens in einem HTML Forum da wurde der Quelltext so nicht angezeigt. Das ist doch um quelltext anzuzeigen. ich das erste mal hier. Hasst recht (<) hab ich vergessen.

      Danke

      Gruß
      Michael