Jquery LazyLoad.js Проблема с загрузкой после изменения размера окна

Question

Я запускаю сценарий LazyLoad для своего веб-сайта и имею проблему с одним его небольшим аспектом.

Я использую Lazy Load для горизонтальной прокрутки (слева направо) с довольно широкими изображениями.Сценарий работает отлично и исчезает в пределах 200 пикселей (или любого другого значения по умолчанию).

Однако я заметил, что если окно открывается в меньшем размере, а затем открывается в полное окно, в качестве заполнителя Lazy Load загружается только изображение, которое было «на виду» во время меньшего размера окна.Он загружается после перемещения полосы прокрутки, но мне любопытно, есть ли какие-либо сценарии, которые я мог бы добавить по линии «Когда размер окна изменится, измените размер пространства просмотра»

Надеюсь, это имеет смысл.Я очень мало знаю о JavaScript, поэтому, если кто-нибудь знает, как решить эту проблему, не стесняйтесь отвечать, как если бы вы разговаривали с пятилетним ребенком с пошаговыми инструкциями:)

Answer 1

Найдите эту строку кода (внутри lazyload.js):

$(settings.container).bind("scroll",function(event){var counter=0;elements.each(function(){if($.abovethetop(this,settings)||$.leftofbegin(this,settings)){}else if(!$.belowthefold(this,settings)&&!$.rightoffold(this,settings)){$(this).trigger("appear");}else{if(counter++>settings.failurelimit){return false;}}});var temp=$.grep(elements,function(element){return!element.loaded;});elements=$(temp);});

и добавить после этого это:

$(window).bind("resize",function(event){$(settings.container).trigger('scroll');});

Answer 2

Если для параметра fault_limit установлено значение 10, плагин прекращает поиск загружаемых изображений после нахождения 10 изображений ниже сгиба.Если у вас есть модный макет, установите это число на что-то большое, чтобы решить вашу проблему, например:

$('img').lazyload({effect:'fadeIn', failure_limit:40});