Hintergrundimage nach einer bestimmten Zeit | Keine Website -Lade ⇐ HTML

[Anonymous]

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.

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...]*/
}