Показать 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>

DIV #slideshow определяется как display: hidden,В 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;
}

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

Answer 1

Вполне может быть так просто:

$('#slideshow').show()

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

$(document).ready(function (){

Answer 2

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

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