在加载任何其他内容之前如何在网站中加载图像？

Question

我正在尝试在其他任何内容加载之前在我的网站上加载.gif图像。

我已经读过这可以用jQuery实现，但不幸的是我尝试过的所有方法都无法正常工作。我已经使用了onReadyfunction（）和on（window）.load，但似乎没有任何效果。

P.S：我想在加载任何其他内容之前加载gif图像，以便用户可以在其他任何内容之前查看图像，然后在几秒钟后，当网站在后台完全加载时，gif图像应该消失。

这是我尝试过的代码：

<script> 
    $(window).load(function(){ 
        $('#dvLoading').fadeOut(7000); 
    }); 
</script> 

<div id="dvLoading"></div>

在我使用过的css中添加：

#dvLoading { 
    background:url(img/image.jpg); 
    height: 100%; 
    width: 100%; 
    left: 0; 
    position: fixed; 
    top: 0; 
    z-index: 9999; 
}