2013-08-05 23 views
0

我正在構建一個圖像密集型網頁。我只是彈出所有的圖像,網站非常緩慢。不只是加載,但也瀏覽等。瀏覽器何時將圖像加載到工作存儲器中?

有沒有什麼好辦法告訴瀏覽器,圖像不需要加載?例如在CSS中:

display:none 

或者可能用javascript以某種方式實例化圖像。

目前所有的圖像都是在html中指定的,如果可能的話我想保持這樣。

+0

HTTP的可能的複製圖像://計算器.com/questions/8464786/jquery-loading-images-on-demand –

+0

我不同意,我什至不使用jquery。 – Himmators

+0

還有一個jquery插件[懶加載](http://www.appelsiini.net/2007/9/lazy-load-images-jquery-plugin) – rps

回答

0
<img id="myID" src="about:blank" alt="" /> 

document.getElementById("myID").src="/image1.jpg"; 

我不得不承認,雖然我以前沒有使用空白圖像標籤,但如果需要的話我一直追加到容器動態

document.getElementById("myDivID").appendChild('<img id="myID" src="image1.jpg" alt="" />'); 
相關問題