通过jQuery检查图像加载

Question

<img src="someimage.jpg" alt="thumbnail" />

我正在动态更改此图片的src属性。

如何检查图像是否已加载？并在装载时做点什么。

感谢。

Answer 1

查看此答案

jQuery event for images loaded

Answer 2

从这里开始： http://forum.jquery.com/topic/simple-image-load-detection-with-load

以上假设您正在从JQuery加载图像，这是您需要附加其他代码的位置。

Answer 3

您可以使用...

处理加载事件

 $('#id').load(function(){
      //handler code here
 });

如果您只想在更改时进行处理......

   $('#id').attr('src','yourimage.png').load(function(){
      //handler code here
 });

Answer 4

检查http://jsfiddle.net/6knva/

处的工作示例

var link = 'http://i.treehugger.com/images/2007/5/24/120_mph_electric_car.jpg';
$('img').attr('src',link).load(function(){
      alert('image loaded');
 });