이미지가로드 될 때까지 페이지로드를 멈추는 방법이 있습니까 (프리 로더)

Question

프리 로더에서 사용중인 이미지가 있습니다. 다른 콘텐츠를로드하기 전에이 이미지를로드하고 싶습니다.

<div class="overlay" id="mainoverlay"> 
     <div class="preloader" id="preloader"> 
      <img src="images/logo128.png" id="logo-preload"/> 
     </div> 

    </div> 

나머지 이미지보다 먼저이 이미지를로드하고 싶습니다. 방법으로이 이미지는 브라우저가 js 파일을로드하는 방식으로로드됩니다. 스크립트가로드 될 때까지 페이지 렌더링을 차단합니다. 이

Answer 1

은 README에 나와 그것의 사용 사례를 가지고 David's imagesLoaded 스크립트를 고려하고있는 어떤 방법이 있습니까.

는 가정, 난 당신이 비슷한을 찾고 생각을 바탕으로 :이로드 될 때까지

$('#preloader').hide(); 
var imgLoad = imagesLoaded('#preloader'); 
imgLoad.on('always', function() { 
    $('#preloader').show(); 
});