Determine when image finished loading with JavaScript or jQuery:

Question

How can I detect with JavaScript or jQuery when an image has finished loading, be it from the server or the browser cache? I want to load various images in the same <img/> tag and detect when the loading of a new images has finished.

Answer 1

$('img').on('load', function() {     // do whatever you want });