Действительно умный Прелоад (Preload) картинок

Статус
В этой теме нельзя размещать новые ответы.
A

alexks

Создатель
Регистрация
19 Апр 2010
Сообщения
27
Реакции
0
Господа, переискал весь инет, но так и не нашел действительно умного прелоада.
Хотелось бы следующее. Есть слайдшоу с 10 картинками тяжелыми(у них по умолчанию display:none; ). На onload вызывается функция, назовем ее preload, которой в параметрах передаем список картинок. Далее она грузит картинки и именно дожидается пока картинки упадут в кэш, после чего выдает событие, что все загружено и скрипт слайдшоу начинает прокручивать картинки.
Суть в том, чтобы скрипт определял, что картинка действительно в кэше. А не начала загружаться и тд.

Пробовал разные скрипты, но они почему-то все пишут что все загрузилось, но на самом деле картинки еще подгружаются. Т.е именно не отслеживается момент, что все - картинка загружена на 100%.

Есть у кого-нибудь, что-то такое?
 
К сожалению, сталкивался с похожей проблемой и мне так и не удалось найти приемлемого решения. Вам скорее всего придется писать самому/заказывать такой функционал. Я перерыл горы готовых решений на jQuery, mootools и т.д., но ничего толкового не нашел везде наблюдались проблемы с подгрузкой картинок или вообще кривым отображением. Пришлось отказаться от этой идеи и реализовывать другие эффекты.
 
Я такую проблему делал без jquery:
В стили добавляем:
HTML: 
.invisible
{
  position: absolute;
  left: -4000px;
}
После тэга <body> ставим
HTML: 
<body>
<div class="invisible">
  <img src="http...." >	  <img src="http...." >	  <img src="http...." >	
</div>
принцип действия:
загружается страница: Применяется стиль и все картинки сдвигаются за экран браузера.
После того как браузер загрузится пойдет загрузка оставшейся части страницы, в которой будет Слайдер картинок. А картинки уже были подгружены и закэшированы браузером.
 
Такой вариант не решает проблему, суть проблемы - определить что картинки все загружены и запустить слайдшоу.
А так скрипт начнет работать, а картинки еще грузятся...

Во флэше это неплохо организовано, когда отображается процент загрузки контента, после чего все начинает работать.
 
alexks написал(а):
Такой вариант не решает проблему, суть проблемы - определить что картинки все загружены и запустить слайдшоу.
А так скрипт начнет работать, а картинки еще грузятся...
Во флэше это неплохо организовано, когда отображается процент загрузки контента, после чего все начинает работать.
Нажмите для раскрытия...

Не нужно ничего определять. :)

Если вставить картинки после тэга body и сдивнуть их за экран то сначала загрузятся ВСЕ картинки, а потом пойдет код слайдщоу - браузер не будет одну и ту же картинку грузить два раза - он просто возьмет кэш картинок и страница загрузится корректно.
 
Кстати, действительно вариант решения.
Только не в div запихнуть картинки (т.к. дивы грузиться будут параллельно), а в таблицу.
По идее пока ячейки таблицы должны грузиться последовательно, т.е. пока не загружены верхнии - нижние не грузятся.
 
alfaexpert написал(а):
Не нужно ничего определять. :)
Если вставить картинки после тэга body и сдивнуть их за экран то сначала загрузятся ВСЕ картинки, а потом пойдет код слайдщоу - браузер не будет одну и ту же картинку грузить два раза - он просто возьмет кэш картинок и страница загрузится корректно.
Нажмите для раскрытия...

В принципе вариант, но не очень красивый..
Я так понимаю запуск слайдшоу тогда вешать уже на window.onload, а не на document ready?
 
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Вот сайт, на котором подгрузка фото сделана описанным мною способом.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху