JQuery загрузка изображений по требованию

Question

Я пытаюсь загрузить изображения по требованию, чтобы предотвратить загрузку ненужных изображений. Я использую JQuery. Итак, вот что я придумал:

$('#region_image').attr({'src':'/images/'+e.key+'.jpg'}).load(function(){
    $(this).fadeIn();
});
// e.key is the name of the image I want to load now.

Есть ли какие-либо предостережения относительно использования этого?

EDIT:

Предостережение №. 1:

При связывании события загрузки в цикле помните, что оно будет связано дважды при следующем запуске.

Предостережение №. 2:

Образ, который пытался загрузить, должен всегда существовать или должна быть обработана ошибка.

Answer 1

Есть хорошая библиотека: JAIL

Выбранные изображения будут загружены, если они видны и когда они видны внутри области просмотра (прямоугольная область просмотра). Изображения можно загружать после запуска события (например, щелчка, наведения мыши и прокрутки) или после указанной задержки. Желательно вызывать jail () после того, как DOM был создан (документ готов).