Jquery LazyLoad.js 창 크기 변경 후로드 문제

Question

내 웹 사이트 용 LazyLoad 스크립트를 실행 중이며 하나의 작은면에 문제가 있습니다.

상당히 넓은 이미지가있는 가로 스크롤 (왼쪽에서 오른쪽)에서 지연로드를 사용합니다. 스크립트는 완벽하게 작동하며 200px (또는 기본값이 무엇이든간에) 이내에서 사라집니다.

그러나 창을 더 작은 크기로 연 다음 전체 창을 열었을 때 자리 표시자인 Lazy Load는 작은 창 크기에서 "보기에있는"이미지 만로드합니다. 스크롤 막대를 움직이면로드됩니다. 스크립트 작성이 있으면 선이 더 늘어납니다. '창 크기가 조정되면 다시 볼 수 있습니다.'

희망적으로 말하길 바랍니다. 자바 스크립트에 대해 거의 알지 못해서 누군가가 이것을 해결할 방법을 알고 있다면 마치 5 세가 된 단계로 안내하는 것처럼 반응 할 수 있습니다 :)

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

failure_limit 설정 10 원인은 이미지가 배 아래 10 개 개의 이미지를 찾은 후로드 검색을 중단하는 플러그인. 펑키 한 레이아웃을 사용하여 문제를 해결하기 위해이 숫자를 높게 설정 한 경우 예 :

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