Ebenen nacheinander einblenden
JnYoms
- javascript
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>
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
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
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-)>