jquery - 在jQuery中计算图像的宽度

Question

我有一个浏览器的多数image民众赞成在。因此，宽度可能会因图片和屏幕分辨率而异。height100%widthauto

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

.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”。我应该怎么办？

score 3 · Accepted Answer

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

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

score 1 · Accepted Answer

尝试使用

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

并Offset用于定位左/上

2 回答 2