jQuery中的图像源更改事件

Question

我有一个幻灯片。我想根据当前图片的高度和宽度更改我的幻灯片包装器类的高度和宽度，为此我需要使用jquery获取图像<> src加载，我尝试了以下内容来获取图像src更改事件，但它不起作用：

$('.classname img').load(function(){
});

- Prasad

---

我的关注点是如何在获得图像的高度和宽度后获取图像src更改事件。 - Prasad

Answer 1

尝试使用attr()方法来指定src属性的属性值。

Setter

$('.classname img').attr('src','YourImageLocation');

获取器

var imgUrl=$('.classname img').attr('src');

- Ravi Gadag

---

实际上，Ravi，我也尝试过那个方法，但它没有调用我的$(document)方法，所以我将其删除并只保留了上面的代码。我只想获取src更改事件。 - Prasad

Answer 2

您可以使用width()和height()轻松获取图像的高度和宽度。无论如何，请参见此链接 - http://jsfiddle.net/xdcj5/，希望这能帮助到您。

如果您需要获取图像的src属性，则可以尝试以下方法 -

var imgLink = $('img').attr('src');

如果仍然无法正常工作，请尝试使用 live 函数 http://api.jquery.com/live/

- HADI

---

谢谢HAD，但我想获取图像src更改事件，我有图像的高度和宽度。 - Prasad

Answer 3

尝试

$('.classname img').attr('src', 'image.jpg').load(function() {  
  console.log("image loaded");
});  

这里有一个可能会有所帮助的SO问题{{link1：jQuery事件用于图片加载}}

- Dakait