Загрузка фонового изображения после определенного количества времени | Нет загрузки веб -сайта ⇐ CSS

[Anonymous]

У меня есть слайд -шоу FounalImage на моем веб -сайте. Слайд -шоу работает без проблем. Я проблема заключается в том, что веб -сайт продолжает загружать.

Код: Выделить всё

[*]

Код: Выделить всё

$(document).ready(function(){...});

[*]startSlideshow() (at the end of html)< /code> < /li>
< /ul>
Со всеми возможностями страница загружается до тех пор, пока все изображения не будут загружены < /p>
Я ценю любой намек, который может привести к решению....

• Image 01
• Image 02
• Image 03
• Image 04
• Image 05

...
< /code>
slideshow.js
function startSlideshow() {
var parent = document.getElementsByClassName("slideshow");
var child = parent[0].querySelectorAll("span");

for (var i = 1; i < 5; i++) {
child.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...]*/
}


Подробнее здесь: https://stackoverflow.com/questions/493 ... -site-load