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

时间:2010-08-14 21:34:50

标签: javascript optimization preloading

我从steve souders看到了一个关于在css之前加载图像的PPT,以了解我需要的类似情况......但我还不清楚实际代码是做什么的。我认为他在css之前加载了一些东西,而在他的ppt中他说了这个

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

但如果有人可以告诉我文档头部实际上是什么样子,那就太棒了

表示参考; here是ppt

感谢您提前的帮助

1 个答案:

答案 0 :(得分:0)

预装图像的方法已存在很长时间了,我第一次看到它是在使用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" />