function loaded(){
document.getElementById('loader').style.display = "none";
document.getElementById('content').style.display = "block";
};
<body onload="loaded()">
<div id="loader">
Загрузка изображений...
</div>
<div id="content" style="display:none;"></div>
Проблема такая: когда пользователь заходит на сайт, он видит некрасиво загружающеюся картинки (ну, так сползают вниз). Вот, я нахимичил
и теперь время загрузки показывается <div id="loader">, потом он прячется и половина изображений уже загружено, чему я рад. НО другая половина все еще "ползет". Я хочу чтоб скрипт как-то проверял, все ли загружено, а потом уже прятал loader и показывал content.
~~~~~~~
Ура!!! Короче, я решил проблему сам.... Вот:
function loaded(){
img = new Image();
image_url = new Array();
image_url[0] = "http://vestnikistiny.info/images/backtgrnd.png";
image_url[1] = "http://vestnikistiny.info/images/top.png";
image_url[2] = "http://vestnikistiny.info/images/mid.png";
image_url[3] = "http://vestnikistiny.info/images/bot.png";
var i = 0;
for(i=0; i<=3; i++)
img.src = image_url[i];
if(img.complete){
document.getElementById('loader').style.display = "none";
document.getElementById('content').style.display = "block";
}else{
setTimeout("loaded()", 10)
}
}
