Есть типо медленный конект, есть тяжелые изображения. При загрузке страницы (галерея) отображаются 12 изображений, но при одновременной загрузке 12 изображений сразу очень неудобно ждать, особенно когда нужны только первые.
По этому нужно как то сначала до конца загрузить картинку №1, потом приступить к загрузке картинки №2, и т.д., то есть
по очереди.
Пользуясь поиском нашел такое решение:
http://web.izjum.com/js-image-preload
Только вот у меня после загрузки 1й картинки страница очищается и видно только 2ю картинку на белом фоне (код страницы содержит только тег 2й картинки).
Поправьте, может я не верно реализовал?
Данный код втавлен в место отображения каждой картинки.
<script>var KARTINKO = "<img src='/root$DIDKA$FIL' alt='' width='600' height='800' >";
var preloadedImg = new Image();
preloadedImg.src = "$prevKARTINKO";
var myImageHandler = function() {
document.write(KARTINKO);
}
if(preloadedImg.complete) {
myImageHandler();
} else {
preloadedImg.onload = myImageHandler;
}
</script>
Текущая картинка: /root$DIDKA$FIL
Предыдущая картинка: $prevKARTINKO