jquery中的图像源更改事件

Posted 2023-05-09

【中文标题】jquery中的图像源更改事件

【英文标题】：Image source change event in jquery

【发布时间】：2012-12-20 20:30:38

【问题描述】：

我有幻灯片。我想根据当前图像的高度和宽度更改幻灯片的包装类高度和宽度，因为我需要使用 jquery 获取图像 src 加载，我尝试跟随以获取图像 src 更改事件，但它不起作用，

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

【问题讨论】：

我关心的是如何获取图像 src 更改事件我得到了图像的高度和宽度。

【参考方案1】：

尝试使用 attr() 方法，为 src 属性指定属性。

二传手

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

吸气剂

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

【讨论】：

实际上是 ravi，我也尝试过，但它没有调用我的 $(document) 方法，所以我将其删除并仅保留在上面。我只想获取 src 更改事件。

【参考方案2】：

您可以使用 width() 和 height() 轻松获取图像高度和重量。无论如何，看看这个 - http://jsfiddle.net/xdcj5/ 我希望这会对你有所帮助。

如果你需要获取图片的 src 属性，那么你可以这样尝试 -

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

如果甚至不工作，请尝试使用实时功能http://api.jquery.com/live/

【讨论】：

感谢 HAD，但我想获取 Image src 更改事件，我有图像高度和宽度

【参考方案3】：

试试

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

这是一个可能有帮助的问题 jQuery event for images loaded