Показать div, когда DOM полностью загружен в IE, используя JQuery

Question

Мне нужно показать DIV, содержащий слайд-шоу, только когда DOM полностью загружен.

Я использовал этот скрипт:

<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'); 
     }); 
    }); 

Все еще нет разницы. Это CSS для #slideshow DIV:

#slideshow { 
    z-index: 0; 

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

"дисплей: нет;" свойство определяется как встроенное.

Answer 1

Это вполне может быть это просто:

$('#slideshow').show() 

Кроме того, какой-либо причине вы используете событие document.load и не :

$(document).ready(function(){ 

Answer 2

Попробуйте подождать, дом должен быть готов, как:

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