3 回答

TA貢獻(xiàn)1817條經(jīng)驗 獲得超14個贊
我找到的唯一可靠的方法就是在客戶端這樣做,就像這樣......
var img = new Image();
img.onload = function() {
alert('Done!');
}
img.src = '/images/myImage.jpg';

TA貢獻(xiàn)1798條經(jīng)驗 獲得超7個贊
我認(rèn)為onload應(yīng)該工作正常。您是否必須為圖像生成標(biāo)記,還是可以靜態(tài)添加它們?如果是后者,我建議如下:
<img src="foo.png" class="classNeededToHideImage" onload="makeVisible(this)">
或者,您可以使用window.onload一次性顯示所有圖像 - window.onload在所有外部資源完成加載后觸發(fā)。
如果要動態(tài)添加圖像,首先必須等待DOM準(zhǔn)備好進(jìn)行修改,即使用jQuery或為本機(jī)不支持的瀏覽器實現(xiàn)自己的DOMContentLoaded hack。
然后,您可以創(chuàng)建圖像對象,指定onload偵聽器以使其可見和/或?qū)⑺鼈兲砑拥轿臋n中。
更好(但稍微復(fù)雜一點(diǎn))就是在腳本執(zhí)行時立即創(chuàng)建并開始加載圖像。在DOMContentLoaded上,您必須檢查每個圖像complete以決定是將它們立即添加到文檔還是等待圖像的onload偵聽器觸發(fā)。
添加回答
舉報