使用jquery获取没有指定宽度的图像的宽度

发布于 2024-12-02 00:52:29 字数 299 浏览 0 评论 0原文

我有以下代码，需要获取单击缩略图时动态加载的图像的宽度。

$("<img class='mypopupimage' src='" + imgSrc + "' style='padding:10px;' width='500' />").appendTo("div.mydiv");

var imgWidth = $(".mypopupimage").width();

我遇到的问题是弹出图像的宽度不同，但是当我从图像中删除宽度属性时，imgWidth 变量被设置为 0。

有什么想法吗？

原文

I have the following code which needs to get the width of an image which is dynamically loaded, when a thumbnail is clicked on.

$("<img class='mypopupimage' src='" + imgSrc + "' style='padding:10px;' width='500' />").appendTo("div.mydiv");

var imgWidth = $(".mypopupimage").width();

The trouble I have is that the popup images are all different widths, but when I remove the width attribute from the image the imgWidth variable gets set to 0.

Any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

来日方长 2024-12-09 00:52:29

这个问题已经在堆栈上多次得到回答，但是，为了方便起见，这里简单介绍一下：

clientWidth< /a> 和 clientHeight 是显示当前浏览器内大小的 DOM 属性DOM 元素的内部尺寸（不包括边距和边框）。因此，对于 IMG 元素，这将获取可见图像的实际尺寸。

var img = document.getElementById('imageid'); 
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;

此答案取自此处

This has already been answered multiple times on stack, however, here it is for ease:

clientWidth and clientHeight are DOM properties that show the current in-browser size of the inner dimensions of a DOM element (excluding margin and border). So in the case of an IMG element, this will get the actual dimensions of the visible image.

var img = document.getElementById('imageid'); 
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;

This answer is taken from here

回复收藏 0 原文

梦在深巷 2024-12-09 00:52:29

如果您想使用 jQuery 或使用 udjamaflip 所说的“普通”javascript，则应该使用属性naturalWidth：

$("<img class='mypopupimage' src='" + imgSrc + "' style='padding:10px;' width='500' />").appendTo("div.mydiv");
var imgWidth = $(".mypopupimage").attr('naturalWidth');

You should use the attribute naturalWidth if you want to use jQuery or go with the "normal" javascript as stated by udjamaflip:

$("<img class='mypopupimage' src='" + imgSrc + "' style='padding:10px;' width='500' />").appendTo("div.mydiv");
var imgWidth = $(".mypopupimage").attr('naturalWidth');

回复收藏 0 原文

~没有更多了~