Hintergrundimage nach einer bestimmten Zeit | Keine Website -Lade
Posted: 17 Aug 2025, 12:03
Ich habe eine Hintergrunddiashow auf meiner Website. Die Diashow funktioniert ohne Probleme. < /P>
Ich möchte, dass die Bilder der Diashow nach einer bestimmten Zeit neu geladen werden. Mein Problem ist, dass die Website weiterhin geladen wird.
[*]
[*]
Ich möchte, dass die Bilder der Diashow nach einer bestimmten Zeit neu geladen werden. Mein Problem ist, dass die Website weiterhin geladen wird.
Code: Select all
[*]
Code: Select all
$(document).ready(function(){...});Code: Select all
startSlideshow() (at the end of html)< /code> < /li>
< /ul>
Mit allen Möglichkeiten wird die Seite geladen, bis alle Bilder geladen sind....
[list]
Image 01
[*]Image 02
[*]Image 03
[*]Image 04
[*]Image 05
[/list]
...
< /code>
Slideshow.js
function startSlideshow() {
var parent = document.getElementsByClassName("slideshow");
var child = parent[0].querySelectorAll("span");
for (var i = 1; i < 5; i++) {
child[i].style.backgroundImage = 'url("images/slideshow/p' + (i + 1) + '.jpg")';
/*Wait 2000ms, delay*/
sleep(2000);
}
}
function sleep(){...}
< /code>
style.css
.slideshow li:nth-child(1) span {
background-image: url("../images/slideshow/p1.jpg");
}
.slideshow li:nth-child(2) span {
/*placeholder (replace by javascript)*/
background-image: url("../images/foto-404.jpg");
/*[...animation delay...]*/
}