img src替换的jQuery回调？答案

【问题标题】：jQuery callback on img src replacement?img src替换的jQuery回调？
【发布时间】：2010-10-28 03:23:26
【问题描述】：

我要做的是在用户将鼠标悬停在其缩略图上时更改我网页上的图像。我很容易做到这一点，因为缩略图 src 仅在文件名后附加了“tn_”，其他方面完全相同。

我遇到的问题是，当我在图像上切换 src 时，attr 函数几乎立即返回 img dom 元素，而图像本身在新图像加载之前不会改变。我想要某种回调，以便我可以更改光标以显示加载符号，或者在加载新图像时在页面上的某处写入加载。

我该怎么做？

【问题讨论】：

【解决方案1】：

你可以给图片一个load()回调。

$('#imageID').load(function() { .... });

【讨论】：

请记住，当图像在浏览器缓存中时，load() 并不总是触发。您需要使用 DOM img.complete 添加一些逻辑。阅读 load() 文档页面上的 cmets 以获得一些见解。
@MPD 我知道这是旧的，但这是链接到的。如果在更改 src 之前将事件绑定到图像，则无论缓存如何，事件都会触发。