Извиняюсь за некропост, но делать новую тему считаю глупым.
Меня постигла подобная задача, но требуется пропрелоадить отдельное кол-во картинок. Поэтому jQuery использовать не могу, т.к. некоторые картинки должны подгрузиться после того как пользователь увидит страницу (в некоторых местах использую слои с картинками, грузить их все - это жуть как не романтично). Да и вес jQuery не такой уж и легкий.
Вобщем вывод - написать простой прелоадер картинок.
Сначала рисую хайдер - в цсс у него абсолютная позиция и на весь экран:
Код:
<div class="hider" style="visibility:visible" id="hider">
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr valign="middle">
<td align="center">
<div id="hiderText">
Загрузка...<br />
Пожалуйста, подождите...
</div>
</td>
</tr>
</table>
</div>
Теперь надо загрузить Нн-ое кол-во картинок и после показать сайт.
Делал так:
Код:
var photoArray=new Array(...);
var myI=0;
function loadComplete(){
myI++;
alert("my I="+myI+", photo loaded: "+photoArray[myI]);
if (myI==photoArray.length) alert('Everything loaded!');
}
for (i=0; i<photoArray.length; i++){
//alert("Loading Image #"+myI);
var img=new Image();
img.src=photoArray[i];
img.onLoad=loadComplete();
}
Как загрузит HTML выдавал сразу что все картинки загружены, хотя он не загрузил ешё ни 1.
Ок, загрузка всех сразу не работает, пойдем так:
Код:
function loadComplete(){
//alert('Photo loaded'+myI);
myI++;
if (myI<photoArray.length) loadImage();
alert(myI);
//else showSite();
}
function loadImage(){
//alert("Loading Image #"+myI);
var img=new Image();
img.src=photoArray[myI];
img.onLoad=loadComplete();
}
loadImage(myI);
Пока не загрузим 1 не должны грузить другую.. опять не работает!
Более того, повесив onError узнаю, что весь этот скрипт настолько бажный что лучше его не видеть))
Гуглю - натыкаюсь на похожий вопрос с подозрительным высказыванием (вольный перевод с английского)
Цитата:
Начиная с html 4.0 w3c убрал обработчик onLoad для класса Image
|
Но ведь прелоадеры как то делают - видать это вранье. Вобщем, мучаюсь уже 2.5 часа и ничего толкового. Помогите пожалуйста.