.load() 나는이 코드를 가지고는 fadeIn 전환을 제외하고 찾을 작동 JQuery와

Question

에 .fadeIn ..

$("div.thumbnailsContainer").fadeOut("500",function(){    
     $("div.fullViewContainer").empty(); 
     $('<img />') 
     .attr('src', imgPathLarge) 
     .load(function(){    
      $("div.fullViewContainer").append($(this)); 
      $("div.fullViewContainer").fadeIn("1000"); 
     }); 
    });  

문제가 완전히로드 된 이미지 후, fadeIn 전환이 제대로 작동하지 않을 것입니다, 로드 후에도 전환없이 표시됩니다.

내 코드에 어떤 문제가있을 수 있습니까?

이미지로드 후 전환을 지연 시키려면 setTimeout을 넣어야합니까?

Answer 1

div.fullViewContainer가 숨겨져있는 것처럼 보이지 않습니다. 비어 있지만 숨겨지지 않았습니다. 따라서 새 이미지를 추가하면 "fadeIn"명령이 호출되기 바로 전에 표시됩니다.

Answer 2

먼저 이미지를 숨긴 다음 load() 핸들러에서 fadeIn을 호출 해보십시오. jquery: fade in image after image