Автоподгрузка изображений при скроллинге страницы

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

Для использования в проекте подключить скрипт LazierLoad(ссылка), загрузить blank.gif , spinner.gif

Изменяемые настройки в (lazierLoad.js)

extensions : ['gif','png','jpg','jpeg'], // типы изображений
replaceImage : "blank.gif", // подложка изображений(лучше оставить по дефолту blank.gif!)
loadingImage : "spinner.gif", // индикатор загрузки
minWidth : 100, // минимальная ширина изображений, попадающих под обработку скриптом
minHeight : 100 // минимальная ширина изображения, попадающих под обработку скриптом

По умолчанию скрипт привязан к элементу с id="container".
Для изменения id необходимо поменять container на своё значение в LazierLoad.js строка 65

$$('#container img').each(function(image)

Для изображений в теге IMG должны быть заданы параметры width, height.