JavaScript圖片預加載

Question

我在幻燈片放映中有很多圖片，我需要在移動Safari瀏覽器上提供此幻燈片放映。我注意到，每當頁面加載它卡住了一段時間，直到所有的圖像加載。

我決定用一個點擊事件加載圖像，當我需要它們進行特定的操作時，而不是直接將所有圖像附加到HTML中。

我想使用圖像預加載腳本，然後根據用戶操作添加圖像。

圖像預加載會影響頁面加載時間，還是這會幫助我改進頁面加載時間並根據需要添加圖像？

也讓我知道是否有任何其他方式來實現它。我的目標是更快地加載頁面，並且希望根據需要添加圖像，這不會影響動畫質量和圖像渲染。

圖像加載腳本

https://web.archive.org/web/1/http://articles.techrepublic%2ecom%2ecom/5100-10878_11-5214317.html

Answer 1

使用CSS：

a:hover { 
    background:url("menu2.gif") left top no-repeat; 
}