相关疑难解决方法(0)

我正在寻找一种使用JavaScript预加载图像的快捷方法.我正在使用jQuery,如果这很重要的话.

我在这里看到了这个(http://nettuts.com ...):

function complexLoad(config, fileNames) {
  for (var x = 0; x < fileNames.length; x++) {
    $("<img>").attr({
      id: fileNames[x],
      src: config.imgDir + fileNames[x] + config.imgFormat,
      title: "The " + fileNames[x] + " nebula"
    }).appendTo("#" + config.imgContainer).css({ display: "none" });
  }
};

但是,它看起来有点过头了我想要的东西!

我知道有jQuery插件可以做到这一点,但它们看起来都有点大(大小); 我只需要快速,简单和简短的预加载图像方式!

有很多关于如何预加载图像的文章,但是我似乎找不到任何有关使用jquery预加载背景图像的有用信息.

我制作了一个简单的html模型,展示了我想要实现的目标:http: //jsfiddle.net/3rfhr/

• 出现加载div
• 背景已加载
• 加载div消失
• 出现背景DIV

我可以处理div转换,但我对如何预加载css背景毫无头绪.感谢您阅读我的问题:)