YUI 이미지 로더 이미지 위 아님 접이식 스크롤하지 않을 때까지

Question

window.onload 이벤트에서 호출되어 이미지 그룹을 만들고 scroll 이벤트를 통해 렌더링하는 함수가 있습니다.

function LoadImages(){ 
    var foldGroup = new YAHOO.util.ImageLoader.group(window, 'scroll'); 
    for(var i=0; i<someCounter; i++){ 
     var locationId = locationsArr[i]; 
     foldGroup.registerSrcImage('Location_' + locationId, GetImageDomain()+'/templates/Includes/imagehandler.ashx?locationId=' + locationid); 
    } 
    foldGroup.foldConditional = true; 
    foldGroup.addTrigger(window, 'resize'); 
} 

내가 겪고있는 문제는 페이지가로드 될 때 "스크롤없이 볼 수있는 부분"의 이미지가 스크롤 될 때까지 렌더링되지 않는다는 것입니다. 이 문제를 해결하기위한 조언이 있습니까? 나는 전적으로 js/프론트 엔드 사람이 아닙니다 :)

미리 감사드립니다!

Answer 1

ImageLoader 유틸리티는 페이지로드를 사용하여 이미지 위치를 검사하므로 그룹을 만들고 그 지점 이전에 이미지를 등록해야합니다. Tivac이 제안한 것처럼 인라인, 발견 한 시간 또는 DOM 준비 시간.

이 문제를 해결하기 위해 ImageLoader가 변경되었지만 다음 YUI 2 릴리스까지는 사용할 수 없습니다. 여기를 클릭하십시오 - http://yuilibrary.com/projects/yui2/ticket/2527646

Answer 2

난 그냥 대신 인라인을 시도하고 괜찮 았는데 : 사람이 더 나은 대답을 가지고

<script type="text/javascript"> 
var foldGroup = new YAHOO.util.ImageLoader.group(window, 'scroll'); 
for(var i=0; i<someCounter; i++){ 
    var locationId = locationsArr[i]; 
    foldGroup.registerSrcImage('Location_' + locationId, GetImageDomain()+'/templates/Includes/imagehandler.ashx?locationId=' + locationid); 
} 
foldGroup.foldConditional = true; 
foldGroup.addTrigger(window, 'resize');</script> 

경우, 나는 확실히 관심이있을 것입니다.

Answer 3

window.onload를 사용하지 마십시오. 이미 YUI 2를 사용하고 있다면 이벤트 모듈을 포함하고 ImageLoader onDOMReady을 설정하는 것이 좋습니다. 문제의 페이지를 보지 않고서는 그것이 정말로 당신의 문제인지 아닌지는 말할 수 없지만 앞으로는 두통을 피하게 될 것입니다.

Answer 4

이 플러그인으로 이동하여 jQuery Asynchronous Image Loader에 가보고 적합한 지 알려주세요.