如何在窗口加載後加載圖像？

我的網站有大量的大圖片，這會降低我的網站速度。我想加載網站後，我的網站的所有圖像沒有他們加載。如何在窗口加載後加載圖像？

什麼是最好的解決方案呢？我想用jQuery。任何好的JQUERY PLUGIN建議表示讚賞。

在此先感謝。

你的意思是你想在所有圖像加載完成之前運行javascript，或者你想在頁面內容的其餘部分完成渲染之後異步加載圖像嗎？ – zzzzBov

@zzzzBov - 我想在頁面內容的其餘部分完成渲染後加載圖像。 – TheCrypticNerd

你真的應該做的是儘量消除那些大的圖像。您正在嘗試爲基於設計的問題編寫基於代碼的解決方案，並且沒有完美的解決方案。使用鏈接到較大圖像的縮略圖圖像。或者以更高的JPEG壓縮率保存圖像。或者，更好的是，兩者。 – Blazemonger

2012-05-08 18:10:58 sblom

@sbom - 感謝您的回答。但是，lazyload似乎不能在我的網站上運行:(僅供參考，我無法使用數據原始的attr圖像。是否有解決方案？ – TheCrypticNerd

我用來做這在我的ASP頁面。

只需創建這樣

<img ID="img_1"/>

一旦所有的圖像標記完成後，使用jQuery：

$(document).ready(function(){ 
     document.img_1.src="YourImageUrl"; 
});

你去那裏，只要你的頁面加載完成的內容，它將顯示您的所有圖像。

2012-05-08 18:36:59 Alexandre

這仍然會減少您的網頁加載時間（如果使用Google網頁速度檢查）。您想將其添加到窗口onload事件中 –

回答