Новая версия Lazyload?

Question

Кто-нибудь знает другой плагин, кроме Lazyload от Applesiini?http://www.appelsiini.net/projects/lazyload

Они перестали работать над ним, поэтому он не работает в новых браузерах.Я ищу альтернативу.

Мне нужно просто не загружать изображения до тех пор, пока пользователь не прокрутит их (но код уже загружен, поэтому Ajax не загружает новый контент).Если вы думаете, что это легко программировать, я более чем приветствую любую помощь.

Спасибо.

Answer 1

Я решил дать ему шанс.Заимствовал обнаружение в области просмотра из проекта lazyload и в конечном итоге заставил его работать должным образом с помощью атрибута rel, чтобы указать URL для изображений.

Пришлось использовать visiblity: hidden вместо display: none, чтобы бытьвозможность определить положение элемента, а затем выполнить hide, удалить стилизацию visibility и анимировать с помощью fadeIn.

Вы можете анимировать его так, как вам нравится, передав функцию animate option.

Проверьте этот контрольный пример на jsFiddle

Answer 2

Возможно, вы захотите проверить страницу плагина снова. Это было недавно обновлено. Особенно на демонстрационной странице , которая использует событие scrollstop . Это событие не предусмотрено по умолчанию. Код взят от Джеймса Падолсея отлично специальные события прокрутки для jQuery статья.

Answer 3

Используйте этот код jQuery для инициирования вызова Ajax, когда страница прокручивается мимо определенного элемента:

$("body").bind("scroll touchstart touchend",function(){
    if($("body").scrollTop()>=$("#something").offset().top){
        alert("Put an Ajax call here...");
    }
});

Просто замените #something селектором jQuery элемента над элементом, который вы хотите ленивымнагрузки.

Ad @ m