爲什麼需要JavaScript來預加載圖像？

在this網站我找到了一些預加載圖片的東西的解釋。爲什麼需要JavaScript來預加載圖像？

<SCRIPT LANGUAGE="JavaScript"> 
Image1= new Image(175,50) 
Image1.src = "image1.gif" 

Image2 = new Image(25,30) 
Image2.src = "image2.gif" 

Image3 = new Image(125,80) 
Image3.src = "image3.gif" 

</SCRIPT>

有人能解釋一下，就是上面的代碼和下面的區別：

<div style="display:none;"> 
<img id="Image1" src="image1.gif"> 
<img id="Image2" src="image2.gif"> 
<img id="Image3" src="image3.gif"> 
</div>

在這兩種情況下，圖像緩存，並準備頁上的某個地方使用。

爲什麼我們需要任何特殊的預加載js代碼？

來源

2014-07-20 bonaca

因爲JS可以從加載之前什麼是可見的，並且它可以預先加載的許多頁面上沒有腹脹的HTML。 – dandavis

如果您想更改屏幕上的圖像，您只能真正受益於緩存 - 上次看到類似這樣的代碼時，我們通過更改顯示的圖像來完成按鈕翻轉操作。 –

我想說的另一個好處是，你的標記更清潔使用JS。僅僅爲了預加載它，你並不是東西。 – Yuck

一些優勢，我能想到的：

循環，你只需要指定一次圖像文件夾。當你想預載了
更好的控制
清潔DOM

來源

2014-07-20 17:43:09 Jonathan

好吧，但這些都不足以爲預載圖像創建很多特殊插件的原因。 – bonaca

爲什麼需要JavaScript來預加載圖像？

回答

相關問題