在jQuery中计算图像的宽度答案

【问题标题】：Calculate the width of an image in jQuery在jQuery中计算图像的宽度
【发布时间】：2013-08-03 14:35:48
【问题描述】：

我有一个image，即height 是浏览器的100%，width 是auto。因此，宽度可能会因图片和屏幕分辨率而异。

所以，我想计算浏览器中未被图像占用的宽度。

.main-image img {
    width:auto
}

var winheight = $(window).height();

$('.main-image img').css('height', winheight);

所以，我正在考虑做这样的事情，但它不会奏效。

   var findimage = $('.main-image img');
   var imagewidth = findimage.clientHeight;
   console.log("image width is " + imagewidth);

但是，这个returns“image width is undefined”。我该怎么办？

【问题讨论】：

标签： jquery css

【解决方案1】：

请记住，图像不是标记的一部分，因此必须先加载它，然后才能检索它的宽度。

$('.main-image img').onload(function () {
    console.log("image width is " + $(this).width());
});

【讨论】：

【解决方案2】：

尝试使用

$('.main-image img').width()
$('.main-image img').height()

并使用Offset 定位左/上

【讨论】：