通過jQuery檢測圖片加載

Question

<img src="http://site.com/image.png" /> 

我在.click事件中更改此圖片的src。

在更換src後，可以載入20多幅不同的圖像。

1）我怎麼知道，圖像是否已經加載（應該被緩存）還是必須加載？

2）如何運行兩個不同的函數，用於加載而不是？

謝謝。

Answer 1

您需要附加的load event的事件處理程序：

更新2017年：

$('img').on('load', function() { 
    alert('new image loaded: ' + this.src); 
}); 

平原JS/DOM：

imgNode.onload =() => { 
    alert('new image loaded: ' + this.src); 
};