JnYoms: Ebenen nacheinander einblenden

Hi
Folgender Code funktioniert leider nicht, in der Browseransicht (IE5) wird nur die letzte Ebene (Ebene 4) eingeblendet und keine Animation. *verzweifelt bin*

KANN MIR BITTE NOCHMAL JEMAND HELFEN???

Liebe Grüße
JnYoms

Hier vielleicht nochmal der gesamte ausführliche Code (wenn das weiterhilft...)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Startmenue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function wechsel(id)
{
 var anzahl = 4;
 for(var i = 1; i < anzahl+1; i++)
  {
  var layer = document.getElementById("layer"+i);
  var visibility = (i-1 == (id-1) % anzahl) ? "visible" : "hidden";
  layer.style.visibility = visibilty;
 }

id++;
 window.setTimeout("wechsel("+id+")", 5000);
}
</script>
</head>

<body bgcolor="#000000" text="#00CC00" onLoad="wechsel(1)">
<div id="Layer1" style="position:absolute; left:2px; top:10px; width:113px; height:433px; z-index:1; visibility: hidden;">
  <table width="100%" border="0">
    <tr>
      <td><img src="Bilder/erdaufgang.jpg" width="133" height="100"></td>
    </tr>
    <tr>
      <td><div align="center">
          <p><font size="2">Offen für andere Sichtweisen?<br>
            </font></p>
          <p> </p>
        </div></td>
    </tr>
    <tr>
      <td><img src="Bilder/pflanze.jpg" width="133" height="100"></td>
    </tr>
    <tr>
      <td><div align="center"><font size="2">Darf man Pflanzen verbieten?</font></div></td>
    </tr>
  </table>
</div>
<div id="Layer2" style="position:absolute; left:2px; top:9px; width:140px; height:583px; z-index:2; visibility: hidden;">
  <table width="100%" border="0">
    <tr>
      <td><img src="Bilder/sprung.jpg" width="133" height="100"></td>
    </tr>
    <tr>
      <td><div align="center">
          <p><font size="2">Alte Muster überwinden und ...<br>
            </font></p>
          <p> </p>
        </div></td>
    </tr>
    <tr>
      <td><img src="Bilder/licht.jpg" width="133" height="100"></td>
    </tr>
    <tr>
      <td><div align="center"><font size="2">Licht ins Dunkle bringen?</font></div></td>
    </tr>
  </table>
</div>
<div id="Layer3" style="position:absolute; left:2px; top:9px; width:141px; height:584px; z-index:3; visibility: hidden;">
  <table width="100%" border="0">
    <tr>
      <td><img src="Bilder/bridge.jpg" width="133" height="100"></td>
    </tr>
    <tr>
      <td><div align="center">
          <p><font size="2">... Neuland entdecken?<br>
            <br>
            </font></p>
          <p> </p>
        </div></td>
    </tr>
    <tr>
      <td><img src="Bilder/reverence2.jpg" width="133" height="100"></td>
    </tr>
    <tr>
      <td><div align="center"><font size="2">Neues zulassen?</font></div></td>
    </tr>
  </table>
</div>
<div id="Layer4" style="position:absolute; left:2px; top:8px; width:142px; height:586px; z-index:4; visibility: visible;">
  <table width="100%" border="0">
    <tr>
      <td><img src="Bilder/bullauge.jpg" width="133" height="100"></td>
    </tr>
    <tr>
      <td><div align="center">
          <p><font size="2">Blick über den "Tellerrand" hinaus?<br>
            </font></p>
          <p> </p>
        </div></td>
    </tr>
    <tr>
      <td><img src="Bilder/zukunft.jpg" width="133" height="100"></td>
    </tr>
    <tr>
      <td><div align="center"><font size="2">Verantwortungsvoll denken und handeln?</font></div></td>
    </tr>
  </table>
</div>
</body>
</html>

  1. Hi,

    Folgender Code funktioniert leider nicht, in der Browseransicht (IE5) wird nur die letzte Ebene (Ebene 4) eingeblendet und keine Animation. *verzweifelt bin*

    überlege Dir, was die Schleife macht, was der Timeout macht, und was Du eigentlich machen willst.

    KANN MIR BITTE NOCHMAL JEMAND HELFEN???

    Bitte nicht schreien. Bitte Satzzeichen sinnvoll einsetzen.

    <script language="JavaScript">

    ERROR: Required attribute "type" missing.

    var layer = document.getElementById("layer"+i);

    Dies ungeprüft durchzuführen ist defekter Code.

    <div id="Layer1" style="position:absolute; left:2px; top:10px; width:113px; height:433px; z-index:1; visibility: hidden;">
      <table width="100%" border="0">

    [...]

    Bitte Code in Zukunft auf das Wesentliche reduzieren.

    <p><font size="2">Offen für andere Sichtweisen?<br>

    <font> ist deprecated. Setze CSS ein.

    Cheatah

    --
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. Hi Cheatah

      Sorry, ich bin noch blutjunger Programmieranfänger. Die Ebenen habe ich mit Dreamweaver gemacht, die funktionieren auch einzeln im Browser. Ich habe leider null Wort verstanden von dir.

      Liebe Grüße
      JnYoms

      1. hi

        Sorry, ich bin noch blutjunger Programmieranfänger. Die Ebenen habe ich mit Dreamweaver gemacht, die funktionieren auch einzeln im Browser. Ich habe leider null Wort verstanden von dir.

        [1] »» überlege Dir, was die Schleife macht, was der Timeout macht, und was Du eigentlich machen willst.
        [2] »» Bitte nicht schreien. Bitte Satzzeichen sinnvoll einsetzen.
        [3] »» ERROR: Required attribute "type" missing.
        [4] »» Dies ungeprüft durchzuführen ist defekter Code.
        [5] »» Bitte Code in Zukunft auf das Wesentliche reduzieren.
        [6] »» <font> ist deprecated. Setze CSS ein.

        Welchen dieser Sätze hast du warum nicht verstanden?

        Wenn du Anfänger bist, warum fängst du dann nicht erst mit einfachereren Sachen an bis du verstehst was du machst?

        eine quelle der wissenserweiterung dürfte http://selfhtml.teamone.de sein.

        so long
        ole
        (8-)>

        --
        Die Summe aller menschlichen Intelligenz ist eine Konstante.
        Das Problem ist das Bevölkerungswachtum...
        sh:( fo:) ch:| rl:° br:& n4:° ie:% mo:} va:| de:] zu:| fl:( ss:) ls: js:|
        If you can't beat 'em...eat 'em !