預加載圖像<img>的首選方法是什麼？爲什麼？

預加載圖像<img>的最佳方法是什麼？爲什麼？我想在鏈接的懸停上顯示圖像，我不能在CSS背景中使用圖像，所以我不能使用CSS sprite。但我想在頁面加載時預加載所有圖像。它們被添加爲<img>。預加載圖像<img>的首選方法是什麼？爲什麼？

您可以使用JavaScript中的Image（）對象預加載圖像，然後在準備就緒時將其交換。這裏的HTML：

<img name="img01" src="regular_image.jpg">

然後在JavaScript：

my_img = new Image(); 
my_img.src = "swap_image.jpg";

這將對圖像中的緩存。當你換入時，你可以撥打：

document.img01.src='swap_image.jpg'

2010-08-14 04:45:50 Whit

但我有多個圖像。 – 2010-08-14 06:29:37

這個想法是，您可以通過創建一個Image對象然後設置其來源來預加載圖像。如果你有多個圖像，那麼你可以創建多個圖像對象。或者，如果要將它們追加到文檔而不是交換，則可以創建''元素。 – syockit 2010-08-14 14:30:18

回答