Главная » 2010 » Июль » 7 » Предзагрузка изображений (Javascript)
07.07.2010, 22:10

Предзагрузка изображений



Скрипт ускоряет загрузку изображений на сайте. После введения этого кода в эксплуатацию, загрузка изображений перестаёт ощущаться вообще. Единственный случай когда видно загрузку картинок, если очень быстро ввести логин/пароль и идти на самую тяжёлую страницу, ожидается что в реальной жизни такое будет практически невозможным.
Сам скрипт (в head):
Code

<script type="text\javascript">
stopPreloadImg = false;
arrayImgCached = new Array();
arrayImg = null;
baseUrl = null;

function preloadImg(preloadArray, baseUrl) {
this.arrayImg = preloadArray;
this.baseUrl = baseUrl;

cacheImage();
}

function safeMemoryInRecursion() {window.setTimeout(cacheImage, 0)}

function cacheImage()
{
if (arrayImg.length > 0 && stopPreloadImg == false) {
var img = new Image();
img.onerror = function(){safeMemoryInRecursion()};
img.onload = function(){safeMemoryInRecursion()};
img.src = baseUrl + arrayImg[0];

arrayImg.shift();
arrayImgCached[window.arrayImgCached.length] = img;
}
}
</script>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: http://habrahabr.ru/
Категория: JavaScript's | Просмотров: 2573 | Добавил: 7soft | Рейтинг: 4.0/2 |
Теги: изображений, Предзагрузка
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]