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

Question

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

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

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

供参考；这是ppt

提前感谢您的帮助

Answer 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" />