$（窗口）.load并加载gif毛刺

Question

我计划在我的网站上使用加载gif。不幸的是，代码不能正常工作。这是一段代码（与stackoverflow中的几个答案非常相似） -

HTML：

<div id="load"></div>

CSS：

#load {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 30;
  background: url(../img/load.gif) center no-repeat white;
}

JS：

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

我遇到的问题是加载gif永远不会淡出。当我使用$(document).ready代替时，此代码有效。但它很无用，因为各种图像/纹理直到很久才加载。

上述代码有问题吗？或者它是否与我的页面中的许多图像图像/纹理仅在单击按钮/ div后弹出的事实有关？ $(window).load是否也加载了这些图片（当前有display: none的图片？）