加載前圖像

Question

有沒有一種方法來預加載圖像只是使用HTML/CSS？

Answer 1

是的，你可以。有許多教程可用於此主題 - here is one of them。

Answer 2

如果您在CSS中包含一個URL，則會在.css文件加載到文檔中時下載圖像。

Answer 3

是： http://perishablepress.com/press/2008/04/15/pure-css-better-image-preloading-without-javascript/

Answer 4

是的，有。有一種叫做CSS sprites的技術。

它基本上是通過加載一個大的圖像，然後根據需要只顯示圖像的某些部分。顯然，這種技術對於每種解決方案都不實用，但對許多解決方案都有好處。

列表除了有一個很好的教程：A List Apart: Articles: CSS Sprites: Image Slicing's Kiss of Death

Answer 5

或者更簡單：<link rel="prefetch" href="path to image">（火狐）。

<link rel="prerender" href="http://example.org/index.html">（Chrome）