nicht angemeldet
Guten morgen zusammen
Ich habe folgendes Problem, welches ich mit meinen geringen javascript Kenntnissen nicht selbst bewältigen kann:
Ich möchte diese Bildergalerie so anpassen, dass die Bilder nach einer vordefinierten Zeitspanne (z.B. nach 10sek) automatisch weiter springen, falls der Sitebesucher nicht selbst auf den Vorwärtsbutton klickt.
Schon mal danke im Voraus.
Gruß luculus
Und hier noch der Javascript innerhalb der Site:
<head>
<script>
var myImages = new Array();
myImages[1] = new Image();
myImages[1].src = "images/01.jpg";
myImages[2] = new Image();
myImages[2].src = "images/02.jpg";
myImages[3] = new Image();
myImages[3].src = "images/03.jpg";
var maxValue = myImages.length - 1;
var intValue = 1;
function gallerie(charValue) {
if(charValue == 'c') {
document.getElementById("imgGallerie").innerHTML = "<img src='" + myImages[intValue].src + "'>";
}
else if(charValue == '+') {
if(intValue == maxValue) {
document.getElementById("imgGallerie").innerHTML = "<img src='" + myImages[1].src + "'>";
intValue = 1;
}
else {
document.getElementById("imgGallerie").innerHTML = "<img src='" + myImages[intValue + 1].src + "'>";
intValue = intValue + 1;
}
}
else if(charValue == '-') {
if(intValue == 1) {
document.getElementById("imgGallerie").innerHTML = "<img src='" + myImages[maxValue].src + "'>";
intValue = maxValue;
}
else {
document.getElementById("imgGallerie").innerHTML = "<img src='" + myImages[intValue - 1].src + "'>";
intValue = intValue - 1;
}
}
}
</script>
</head>
<body onload="gallerie('c')">
<div><a href="#" onclick="gallerie('-')">Zurück</a></div>
<div id="imgGallerie"></div>
<div><a href="#" onclick="gallerie('+')">Vorwärts</a></div>
</body>