替代img src的jQuery回调? [英] jQuery callback on img src replacement?
问题描述
我要做的是,当用户将鼠标悬停在其缩略图上时,更改网页上的图像.对我来说,这样做很容易,因为缩略图src仅在文件名后附加了"tn_",否则是相同的.
What I am trying to do is to change an image on my webpage when the user mouses over a thumbnail of it. It is easy for me to do it this was because the thumbnail src only has 'tn_' appended to the filename and is otherwise identical.
我遇到的问题是,当我在图像上切换src时,attr函数几乎立即返回img dom元素,而图像本身直到新图像加载时才改变.我想进行某种回调,以便我可以更改光标以显示加载符号,或者在加载新图像时在页面上的某处写入加载内容.
The problem I'm having is that when I switch the src on the image the attr function returns the img dom element almost instantly while the image itself does not change until the new image loads. I want to have some sort of a callback, so that I can either change the cursor to show a loading symbol, or write loading somewhere on the page while the new image is loading.
我该怎么做?
推荐答案
您可以为图像提供 load()
回调.
You can give the image a load()
callback.
$('#imageID').load(function() { .... });
这篇关于替代img src的jQuery回调?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!