Отображение изображения размещения во время загрузки страницы...

---

Я хочу показать загружаемое изображение во время загрузки страницы ,я попробовал то же самое с помощью java script, но browse отображает пустую осыпь, когда происходит фактическая загрузка (5-7 секунд), и изображение отображается за секунду до фактической загрузки страницы.

Что я уже пробовал:

я попробовал ниже скрипт на главной странице
HTML

<div id="pageloaddiv"></div>

CSS

#pageloaddiv {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background: url('images/Preloader_10.gif') no-repeat center center;
    }

язык JavaScript

$(window).load(function () {
    $("#pageloaddiv").fadeOut("2000");
});

---