Klaus: Zwei Bilder: Eins nur kurz anzeigen, das andere dauerhaft

Hallo Leute!

Es wäre großartig, wenn mir jemand diese Frage
beantworten könnte:

Wie kann man erst eine Grafik z.B. für 5 Sekunden
anzeigen, dann eine zweite, diese aber dauerhaft.

Gruß Klaus.

  1. Hi Klaus!

    Wie kann man erst eine Grafik z.B. für 5 Sekunden
    anzeigen, dann eine zweite, diese aber dauerhaft.

    Am besten nimmst du ein grafikprogramm (zB Paint Shop Pro 6 von Jasc) und machst ein animated gif

    mit 2 bilder, einmal durchlauf und mit 5 sec abstand zwischen den bildern.

    CU Roman

    1. Hi Roman!

      Vielen Dank für deine Antwort.
      Aber was ich nicht erwähnt hatte:
      Ich muss dieses Problem mit Java-Script oder
      irgendwie anders lösen.
      Weil die erste Grafik durch einen Link aufgerufen wird
      dann 5 Sekunden aktiv ist und dann eine andere Grafik
      sich auf diese Position "schiebt".
      Wenn man dann erneut den Link anwählt beginnt
      die ganze Prozedur wieder von vorn.

      Tut mir leid, daß ich mich eben nicht
      ganz deutlich ausgedrückt habe  :_)

      Gruß Klaus

      1. Hi Klaus!

        Sorry aber sehe nicht ganz das problem warum ich das nicht so gehen soll wie ich das vorgeschlagen habe.

        Du lädst die grafik in js vor und zweigst sie durch das klicken auf den link an ... dann startet automatisch die "animation" und wenn du wieder draufklickst auf den link - passiert das selbe nocheinmal - und immer wieder....

        CU Roman

        1. Hallo Roman,

          Du lädst die grafik in js vor und zweigst sie durch das klicken auf den link an ... dann startet automatisch die "animation" u

          ....leider nein. Das funktioniert nur beim IE5. Dieser startet Animationen beim "wirklichen" platzieren auf der Seite. Alle anderen Browser starten die Animation, sobald sie im Speicher steht. Also sofort nach dem vorladen. Zu sehen ist dann nur noch das Ende der Animation.....

          Chräcker

  2. Hi Klaus!

    Mit JavaScript. Dazu musst du die grafik ersteinmal mit dem "name"-Attribut versehen:

    <img src="bild1.gif" name="bild1">

    Dann fügst du folgendes Script in den HEAD-Bereich ein:

    <script language="JavaScript"><!--
    window.setTimeout("bildaustausch()", 5000);

    function bildaustausch()
    {
    document.bild1.src = "bild2.gif";
    }
    //--></script>

    die Zahl im Befehl window.setTimeout gibt die Anzahl der Millisekunden bis zum Austausch an; In der vor-vorletzten Zeile des Scripts kannst du den Pfad für die neue Grafik angeben.

    MfG Simon

  3. Hallo Klaus,

    Ganz einfache Sache:
    Ein kleine Beispiel:

    (...)
    <BODY onload="setTimeout('document.test.src="test2.gif"',5000)">
    <IMG src="test.gif" name="test">
    </BODY>

    Die funktion setTimeout erwartet als parameter einen ausführbaren String und
    eine Zeitangabe in Sekunden/1000.

    Tschüs

    Daniel

  4. Hallo,
    nur zur Info:
    Beim IE5 kann man jedes Tag mit HTML nach einer bestimmten Zeit anzeigen oder verschwinden lassen.
    In deinen Fall würde man das so machen:
    <IMG SRC="bild1.gif" style="behavior: url(#default#time)" t:BEGIN="5" t:TIMEACTION="display">
    <IMG SRC="bild2.gif" style="behavior: url(#default#time)" t:DUR="5">
    Das erste Image wird nach 5 Sekunden eingeblendet und das zweite ausgeblendet.

    Grüße
    Thomas Mell