Плагин LazyLoad

Question

Я использую jQuery Lazy Load для загрузки миниатюр на странице. У меня есть список из 100+ миниатюр на странице. Этот плагин прекрасно работает, пока я не представлю плагин Quick Pagination для отображения девяти миниатюр за раз и предоставления пользователям следующего и предыдущего.

Когда вы нажимаете кнопку Next или Previous, вы получаете серое изображение-заполнитель, поскольку прокрутка страницы больше не является фактором.

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

Есть ли здесь, чтобы вызвать событие прокрутки? Как этот человек сделал> http://blog.3circlestudio.com/development/how-to-use-lazy-load-with-easy-slider-1-7/

Я тоже это попробовал, и не повезло.

$('.thumbs').lazyload({ placeholder:'/thumbnail.gif' });

Без быстрой разбивки на страницы и прокрутки о работах!

$('#thumbnails').paginate({ pager: $('div#pagination') });

Представление paginate работает для генерации списка из 9 миниатюр в каждом, разбивает lazyload. Я думаю, что я спрашиваю и не могу понять, как вызывать миниатюры каждый раз, когда я нажимаю на ссылку Далее.

Answer 1

Я только что понял, и это работает!Я создал функцию в Quick Pagination при вызове Next и Previous.В эту функцию я вставил следующее:

var scrollTop = function() {
    $('html, body').animate({scrollTop:0}, 'slow', function() {
        $(window).trigger('scroll');
    });
}

Поместив анимацию вместе с ползунком вверх, я исправил проблему с прокруткой страницы и с помощью $ (window) .trigger ('scroll');в анимации запускает прокрутку и загружает следующий набор фотографий.Надеюсь, что это имеет смысл для кого-то еще - для моего конца это работает.

Да!

Answer 2

как найдено здесь: https://stackoverflow.com/a/17171241/891052 используйте это для запуска lazyload

$(window).resize();

Answer 3

плагин jquery LazyLoad у меня не работает на FF3.6. Если я проверю демонстрационную страницу с помощью Firebug, я вижу, что все изображения загружаются при загрузке.

Вы можете проверить этот плагин под названием JAIL , который отлично работает (примеров мало). Я предлагаю оставить вкладку «Сеть» Firebug открытой при открытии страниц с примерами.

Answer 4

Я думаю, что эти 2 плагина диаметрально противоположны. Я предлагаю использовать lazyload и плагин scrollto . Это должно дать вам то, что вы ищете, просто вызовите lazyload следующим образом

$('thumbs').lazyload({
    placeholder:'/thumbnail.gif',
    container:$('#thumbnails')
});