jQuery或JavaScript:确定图像何时完成加载

Question

如何从服务器或浏览器缓存中检测图像何时完成加载？我想在同一个<img/>标签中加载各种图像,并检测新图像的加载何时完成.

谢谢.

Answer 1

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

Answer 2

onload只有在所有元素(包括图像)完全加载后,文档的事件才会触发.

所述onload<IMG>的事件将触发单个图像已经完全加载后.

所以你可以使用jQuery对象或DOM的addEventListener(以及IE的attachEvent)为这些事件附加一个监听器