nicht angemeldet
Hallo liebe Forumsuser!
Ich habe hier ein großes Problem. Nämlich habe ich zwei Funktionen, die jeweils 2 verschiedene Diashows aufrufen sollen. Es soll so ablaufen: Nachdem fertig geladen wurde, wird eine Funktion ausgeführt. Bei einem Klick auf einen Link wird die eine Diashow gestopt und die andere aufgerufen. Aber so richitg funktioniert das nicht. Wie kann ich verhindern, dass beide Funktionen nach dem Laden automatisch ausgeführt werden? Wenn eine Diashow anfängt reicht das vollkommen aus:-) Und wie kann ich eine Funktion dazu bringen, dass sie aufhört und die andere startet?
Hier ist noch das, was ich bis jetzt erarbeitet hab
<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>
<div id="header"><img src="bilder/bild1.png" id="pic" alt="" width="800" height="246" style="border-style: none"></div>
</body>
</html>
Ich entschuldige mich für die vielen Fragen! Bin aber noch ziemlich neu und hab mir das so zusammengestellt und jetzt weiß ich nicht mehr weiter.
Vielen Dank! Liebe Grüße, Katrin
Struppi