Tom: Bilder zeitversetzt anzeigen und dann Endlosschleife..??

Hallo zusammen,

ich möchte auf meine Page 6 Bilder laden (übereinander). Danach sollen sie im Abstand von 2 sec. wechseln und das dann in einer Endlosschleife - wie fange ich dass an ???

Bild 1 = pbdbild1.gif
Bild 2 = pbdbild2.gif ....usw..

Danke für Eure Hilfe !!!!

Tom

  1. hallo Tom,

    ich möchte auf meine Page 6 Bilder laden (übereinander).

    bilder kann man vorladen - das geschieht dann hintereinander;

    Danach sollen sie im Abstand von 2 sec. wechseln und das dann
    in einer Endlosschleife ...

    ich hoffe, dass Du Dir hier nicht den quellcode fuer bloede
       bannerwerbubng von anderen auf billige art und weise schreiben
       laesst;

    • wie fange ich dass an ???

    ich gehe also davon aus, dass Du nicht einer der von Stefan so
       ungern gesehenen ICH_WILL_EIN_SCRIPT_HABEN -typen bist und
       schon etwas von der "Energie des Verstehens" gehoert hast -

    nach dieser ansprache also ein script zum verstehen, lernen
       und aendern - viel spass:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>6mal vorladen und endlosschleife</title>
    <script language = "JavaScript">
    <!--
    if (self.document.images)
    {
    var bild_1 = new Image();bild_1.src = "pbdbild1.gif";
    var bild_2 = new Image();bild_2.src = "pbdbild2.gif";
    var bild_3 = new Image();bild_3.src = "pbdbild3.gif";
    var bild_4 = new Image();bild_4.src = "pbdbild4.gif";
    var bild_5 = new Image();bild_5.src = "pbdbild5.gif";
    var bild_6 = new Image();bild_6.src = "pbdbild6.gif";
    var timeout_id_bildwechsel = null;
    }
    function STARTE_BILDWECHSEL()
    {if (self.document.images)
       {timeout_id_bildwechsel = setTimeout("self.BILD_WECHSEL(2)",2000);}
      else{self.document.images["BILDWECHSEL"].alt = " leider nur ein standbild ";}
    }
    function BILD_WECHSEL(i)
    {clearTimeout(timeout_id_bildwechsel);
      var k = i;
      self.document.images["BILDWECHSEL"].src = eval("bild_"+k+".src");
      k++;
      if (k >= 7) {k = 1;}
      timeout_id_bildwechsel = setTimeout("self.BILD_WECHSEL("+k+")",2000);
    }
    //-->
    </script>
    </head>

    <body onload="STARTE_BILDWECHSEL()">
    <table width="100%" height="100%" cols="1" rows="1" border="0">
    <tr><td align="center" valign="middle">
    <table width="234" height="60" cols="1" rows="1" cellpadding="0" cellspacing="0" border="0">
    <tr><td width="234" height="60" align="center" valign="middle">
    <img src="pbdbild1.gif" width="234" height="60" name="BILDWECHSEL" alt=" toller bildwechsel " border="0">
    </td></tr>
    </table>
    </td></tr>
    </table>
    </body>

    </html>

    tschuess - peter - pseliger@gmx.net

  2. hallo Tom,

    da ist mir doch tatsaechlich die formatierung
       des quellcodes verrutscht - zweiter versuch:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>6mal vorladen und endlosschleife</title>
    <script language = "JavaScript">
    <!--
    if (self.document.images)
    {
    var bild_1 = new Image();bild_1.src = "pbdbild1.gif";
    var bild_2 = new Image();bild_2.src = "pbdbild2.gif";
    var bild_3 = new Image();bild_3.src = "pbdbild3.gif";
    var bild_4 = new Image();bild_4.src = "pbdbild4.gif";
    var bild_5 = new Image();bild_5.src = "pbdbild5.gif";
    var bild_6 = new Image();bild_6.src = "pbdbild6.gif";
    var timeout_id_bildwechsel = null;
    }
    function STARTE_BILDWECHSEL()
    {if (self.document.images)
          {timeout_id_bildwechsel = setTimeout("self.BILD_WECHSEL(2)",2000);}
      else{self.document.images["BILDWECHSEL"].alt = " leider nur ein standbild ";}
    }
    function BILD_WECHSEL(i)
    {clearTimeout(timeout_id_bildwechsel);
      var k = i;
      self.document.images["BILDWECHSEL"].src = eval("bild_"+k+".src");
      k++;
      if (k >= 7) {k = 1;}
      timeout_id_bildwechsel = setTimeout("self.BILD_WECHSEL("+k+")",2000);
    }
    //-->
    </script>
    </head>

    <body onload="STARTE_BILDWECHSEL()">
    <table width="100%" height="100%" cols="1" rows="1" border="0">
    <tr><td align="center" valign="middle">
    <table width="234" height="60" cols="1" rows="1" cellpadding="0" cellspacing="0" border="0">
    <tr><td width="234" height="60" align="center" valign="middle">
    <img src="pbdbild1.gif" width="234" height="60" name="BILDWECHSEL" alt=" toller bildwechsel " border="0">
    </td></tr>
    </table>
    </td></tr>
    </table>
    </body>

    </html>

    wenn's jetzt nicht geklappt hat, geb ich auf -

    by(t)e, by(t)e - peter - pseliger@gmx.net