在jQuery中计算图像的宽度

Question

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

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

.main-image img {
    width:auto
}

  

var winheight = $（window）.height（）;

     

$（＆＃39; .main-image img＆＃39;）。css（＆＃39; height＆＃39;，winheight）;

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

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

但是，returns＆＃34; image width is undefined＆＃34;。我该怎么办？

Answer 1

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

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

Answer 2

尝试使用

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

并使用Offset定位Left / Top