nicht angemeldet
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>