在 CC 之前预加载图像 - 每个 souders

【问题标题】：Preloading images before CC - per souders在 CC 之前预加载图像 - 每个 souders
【发布时间】：2010-08-14 21:34:49
【问题描述】：

我看到 steve souders 的 PPT 关于在 css 之前加载图像以解决我需要的类似情况......但我不清楚实际代码是什么来做到这一点。我假设他在 css 之前加载了一些东西，并且在他的 ppt 中他说这个

new Image().src = "http://webcelerity.com/blog/wp-content/themes/carrington-blog-faster/images/sprite.png

但如果有人能告诉我文档负责人的实际样子，那就太棒了

用于参考； here是ppt

提前感谢您的帮助

【问题讨论】：

标签： javascript optimization preloading

【解决方案1】：

预加载图像的方法已经存在了很长时间，我第一次看到它是在我使用 Dreamweaver MX 做翻转效果的时候。

使用该方法，您可以并行下载图像并将它们缓存在浏览器中（此时无需实际显示它们）。

关于您的问题，文档的开头看起来像：

<script type="text/javascript">
var images = ['img1.jpg', 'img2.jpg'];

for(var i = 0, len = images.length; i < len; i++) {
  new Image().src = images[i];
}
</script>
<link rel="stylesheet" type="text/css" href="your_css_file.css" />

【讨论】：