DOMがIEに完全にロードされているときにJQueryを使用して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のDIVのCSSです：

#slideshow { 
    z-index: 0; 

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

"表示：なし;"プロパティはインラインとして定義されます。

Answer 1

これはよくこの単純なことがあります

また

$('#slideshow').show() 

、あなたはdocument.loadイベントを使用していない何らかの理由：

$(document).ready(function(){ 

Answer 2

のように、準備ができて、DOMのを待つてみてください。

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