DOM이 JQuery를 사용하여 IE에 완전히로드 될 때 div 표시

Question

DOM이 완전히로드 된 경우에만 슬라이드 쇼가 포함 된 DIV를 표시해야합니다.

<script type="text/javascript"> 
    $(window).load(function() { 
     new Image("images/layout/wallpaper.jpg"); 
     new Image("images/layout/plates.png"); 

     $('#slideshow').css('display', 'block'); 
     $('#slideshow').nivoSlider({ 
      effect: 'fade', 
      animSpeed: 500, 
      pauseTime: 3000, 
      directionNav: false, 
      directionNavHide: false, 
      controlNav: false, 
      keyboardNav: false, 
      pauseOnHover: false 
     }); 
    }); 
    </script> 

#slideshow의 DIV를 화면과 같이 정의된다 :

나는이 스크립트를 사용 숨겨진. Internet Explorer에서 DIV가 절대로 표시되지 않습니다. 어떻게 해결할 수 있습니까?

====================================

편집하기 :

$(document).ready(function() { 
     $(window).load(function() { 
      new Image("images/layout/wallpaper.jpg"); 
      new Image("images/layout/plates.png"); 

      $('#slideshow').nivoSlider({ 
       effect: 'fade', 
       animSpeed: 500, 
       pauseTime: 3000, 
       directionNav: false, 
       directionNavHide: false, 
       controlNav: false, 
       keyboardNav: false, 
       pauseOnHover: false 
      }); 
      $('#slideshow').css('display', 'block'); 
     }); 
    }); 

여전히 차이가 없습니다.

#slideshow { 
    z-index: 0; 

    height: 457px; 
    width: 660px; 
    position: relative; 
} 

: 이하여 #slideshow의 DIV를위한 CSS는 "디스플레이 : 없음은;" 속성은 인라인으로 정의됩니다.

Answer 1

이 간단한 :

또한

$('#slideshow').show() 

, 당신은 document.load 이벤트 및하지를 사용하고 어떤 이유로 :

$(document).ready(function(){ 

Answer 2

는 DOM이 준비가 될 때까지 같은 대기하십시오 : 그것은 잘 될 수있다

$(document).ready(function() { 
... your code inside the window load function ... 
});