在CC - per souders之前预加载图像

Question

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

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

但如果有人能告诉我博士头像是什么样子那就太棒了

对于ref，here是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" />