스택의 첫 번째 이미지가로드 될 때 "loader"div를 숨기시겠습니까?

Question

슬라이드 쇼를위한 세트의 첫 번째 이미지가로드 될 때까지 페이지 내용을 다루는 div를 사용하고 있습니다. 이 div를 숨기기 위해 사용하는 코드는 다음과 같습니다. 그러나 작동하지 않습니다.

$(function() { 
    $('.slide').first(function() { 
    $(this).load(function() { 
     $('#loader').fadeOut('slow'); 
    }); 
    }); 
}); 

이유가 무엇입니까? "loader"div는 전체 페이지가로드 된 후에도 숨기지 않습니다. 나는 약간의 성공을 $ ('# loader') 실행했다 .fadeOut ('slow'); on (window) .load().

Answer 1

이미지는 ajax를 통해로드되며 DOM을 처음로드 할 때 존재하지 않습니다. 첫 번째 이미지가 DOM에 추가 된 후 로딩 이미지를 숨기십시오.

$.each(images, function(index) { 
    $('#slideshow').append('<div class="slide" style="background-image:url(' + this + ');"></div>'); 
    if(index === 0){ 
    $('#loader').fadeOut('slow'); 
    } 
});