у меня есть страница с большим количеством изображений. Браузер не имеет смысла загружать их все, если пользователь еще не прокрутил вниз до того места, где находятся изображения. я подумал о привязке элемента img к обработчику событий, который срабатывает, когда содержащий div будет виден (в том смысле, что пользователь прокрутил достаточно, чтобы элемент был в области просмотра). затем этот обработчик перезапишет атрибут src, и изображение загрузится.
какое событие я ищу?
Нет собственного события jQuery, делающего то, что вы хотите. Вам нужно будет использовать событие scroll, чтобы получить положение прокрутки, получить видимые изображения и загрузить их.
Уже есть плагины, которые делают это за вас. Возможно, вам нужен внешний модуль jQuery: http://code.google.com/p/jquery-appear/
Это может быть дубликат этого вопроса: Загрузить изображения когда они входят в видимую часть браузера?
$(window).scroll(function(){
// if user has scrolled to 250px
if ($(this).scrollTop() > 250){
// load your images,
}
})
Лучшим подходом было бы размещение div внизу и использование события mouseenter для определения того, хочет ли пользователь больше изображения.
$('#the_bottom_div').mouseenter(function(){
// If user has placed mouse on bottom,load images (like facebook does)
})
