nicht angemeldet
Hi!
eigentlich würde ich bei Deinem Source vermuten, daß gar keine der beiden Diashows ausgeführt wird. Du definierst zwar die beiden Funktionen aber Du rufst sie nirgendwo auf.
Die rufen sich von selbst auf. _Ich_ habe sie nirgends aufgerufen, aber sie starten trotzdem!
Wenn Du eine Diashow ausführen willst, dann mußt Du Deinen body anpassen.
<body onLoad="Berge();">
Habe ich auch schon gehabt. Aber dann kommt ein Bild von Berge() und dann nur noch von Ungarn(). Ich vermute, dass eben beide Funktionen ausgeführt werden und dann wird Berge() durch Ungarn() ersetzt.
Hier nochmal der komplette Quelltext:
<html>
<head>
<title>Design</title>
<link rel="STYLESHEET" type="text/css" href="css.css">
<script type="text/javascript">
// ################################### Berge ###################################
var Berg = new Array();
Berg[0] = new Image();
Berg[0].src = "bilder/bild1.png";
Berg[1] = new Image();
Berg[1].src = "bilder/bild2.png";
Berg[2] = new Image();
Berg[2].src = "bilder/bild3.png";
Berg[3] = new Image();
Berg[3].src = "bilder/bild4.png";
Berg[4] = new Image();
Berg[4].src = "bilder/bild5.png";
var i = 0;
function Berge() {
if(i >= 5) {
i = 0;
} else {
i++;
}
document.getElementById("pic").src= Berg[i].src;
}
window.setInterval("Berge()",5000);
// ################################### Ungarn ###################################
var Ungarn = new Array();
Ungarn[0] = new Image();
Ungarn[0].src = "bilder/bild6.png";
Ungarn[1] = new Image();
Ungarn[1].src = "bilder/bild7.png";
Ungarn[2] = new Image();
Ungarn[2].src = "bilder/bild8.png";
Ungarn[3] = new Image();
Ungarn[3].src = "bilder/bild9.png";
Ungarn[4] = new Image();
Ungarn[4].src = "bilder/bild10.png";
Ungarn[5] = new Image();
Ungarn[5].src = "bilder/bild11.png";
Ungarn[6] = new Image();
Ungarn[6].src = "bilder/bild12.png";
var a = 0;
function Ungarnbilder() {
if(a >= 7) {
a = 0;
} else {
a++;
}
document.getElementById("pic").src= Ungarn[a].src;
}
window.setInterval("Ungarnbilder()",5000);
</script>
</head>
<body onload="Berge()">
<div id="header"><img src="bilder/bild1.png" id="pic" alt="" width="800" height="246" style="border-style: none" usemap="#Headpics"></div>
<map name="Headpics">
<area shape="rect" coords="503,232,545,240" href="#" alt="Berge" onclick="Berge()">
<area shape="rect" coords="568,232,620,240" href="#" alt="Ungarn" onclick="Ungarn()">
<area shape="rect" coords="645,232,59,240" href="#" alt="Segeln">
<area shape="rect" coords="720,232,797,240" href="#" alt="Sonstiges">
</map>
</body>
</html>
Vielen Dank! Liebe Grüße, Katrin
Struppi