Показать сообщение отдельно
Старый 23.06.2008, 12:56
Psycho Tiger вне форума Посмотреть профиль Отправить личное сообщение для Psycho Tiger Найти все сообщения от Psycho Tiger
  № 7  
Ответить с цитированием
Psycho Tiger
 
Аватар для Psycho Tiger

блогер
Регистрация: Jun 2005
Адрес: Господи пожалуйста не Новосибирск
Сообщений: 6,598
Записей в блоге: 17
Извиняюсь за некропост, но делать новую тему считаю глупым.
Меня постигла подобная задача, но требуется пропрелоадить отдельное кол-во картинок. Поэтому 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 часа и ничего толкового. Помогите пожалуйста.