Форум Flasher.ru
Ближайшие курсы в Школе RealTime
Список интенсивных курсов: [см.]  
  
Специальные предложения: [см.]  
  
 
Блоги Правила Справка Пользователи Календарь Сообщения за день
 

Вернуться   Форум Flasher.ru > Работа над сайтом > HTML/DHTML/CSS/JS/VB

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

блогер
Регистрация: Jun 2005
Адрес: Toronto
Сообщений: 6,599
Записей в блоге: 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 часа и ничего толкового. Помогите пожалуйста.

Создать новую тему   Часовой пояс GMT +4, время: 12:03.
Быстрый переход
  « Предыдущая тема | Следующая тема »  

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


 


Часовой пояс GMT +4, время: 12:03.


Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.