Hallo Leute,
bin gerade am Website basteln und hätte gerne eine Fullscreen Slideshow eingebaut.
Nun soll diese Slideshow alle 5 Sekunden das Bild ändern, und dabei am unteren Ende der Website anzeigen welches Bild gerade gewählt ist. Bisher habe ich einfach mittels onclick und Button eine Funktion aufgerufen und deren Funktion den "Index" des Bildes übergeben, das Funktioniert auch nur eben das mit den 5 Sekunden nicht.
Weiters sollte beim Wechsel des Bildes eine Animation durchgeführt werden.
Hier mal die Funktion:
Vielen Dank schon mal im Voraus
bin gerade am Website basteln und hätte gerne eine Fullscreen Slideshow eingebaut.
Nun soll diese Slideshow alle 5 Sekunden das Bild ändern, und dabei am unteren Ende der Website anzeigen welches Bild gerade gewählt ist. Bisher habe ich einfach mittels onclick und Button eine Funktion aufgerufen und deren Funktion den "Index" des Bildes übergeben, das Funktioniert auch nur eben das mit den 5 Sekunden nicht.
Weiters sollte beim Wechsel des Bildes eine Animation durchgeführt werden.
Hier mal die Funktion:
HTML:
function change_element(index) {
var body = document.getElementsByClassName('background')[0];
if(index == 1) {
body.style.backgroundImage ='url(images/intro_backgroundimages/bg1.jpg)';
}else if(index == 2) {
body.style.backgroundImage ='url(images/intro_backgroundimages/bg2.jpg)';
}else if(index == 3) {
body.style.backgroundImage ='url(images/intro_backgroundimages/bg3.jpg)';
}else if(index == 4) {
body.style.backgroundImage ='url(images/intro_backgroundimages/bg4.jpg)';
}else if(index == 5) {
body.style.backgroundImage ='url(images/intro_backgroundimages/bg3.jpg)';
}
}
Vielen Dank schon mal im Voraus
Zuletzt bearbeitet: