在CC之前預加載圖像 - 每個光澤

Question

我看到了一個來自steve souders的關於在CSS之前加載圖像的PPT，用於類似的情況，我需要....但我不清楚實際的代碼是做什麼的。我以爲他裝東西的CSS之前和他的PPT，他說，這

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

但它是真棒，如果有人能告訴我什麼文檔頭實際上看起來像

爲參考; 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" />