想知道图像的原始大小，并通过属性在jQuery中指定

Question

我必须知道我的动态图像的尺寸并在图像上设置真值。所以我尝试了一个函数，像这样：

$().ready(function() { 
    imageSize(); 
}); 
// Assign width/height to img 
function imageSize() { 
    // Specify image dimensions 
    $('img').each(function() { 
     var findImgWidth = $(this).width(); 
     var findImgHeight = $(this).height(); 

     $(this).attr('width', findImgWidth); 
     $(this).attr('height', findImgHeight); 
    }); 
} 

那么，它适用于指定但不计算维度。每张图片的尺寸为0px 我该如何解决？

Answer 1

$(document).ready()运行时，DOM进行分析，但不会等待要加载的图像。

为每个元素添加一个load处理程序以在其加载时设置其属性，而不是在循环中完成所有处理。

function imagesize() { 
    $('img').on('load', function() { 
     $(this).attr({ 
      'width': $(this).width() + "px", 
      'height': $(this).height() + "px" 
     }); 
    }); 
} 

Answer 2

您需要设置值为数字，parseFloat（IMG值）

希望这有助于