jquery：按比例调整图像大小 data() 方法？

Question

我有以下代码，我在 onload 中检查图像的原始大小：

        $(".post-body img").each(function() {  
            $(this).data('width', $(this).width());
            $(this).data('height', $(this).height());
        });

之后，我将所有图像的大小调整为父 div .post-body 的宽度。

var bw = $('.post-body').width();
$(".post-body img").each(function() {
        // Check the width of the original image size
        if (bw < $(this).data('width')) {
            $(this).removeAttr('height');
            $(this).attr( 'width', bw ); 
            //$(this).attr( 'height', height-in-ratio ); 
        }
});

这很好用！所以我正在检查 .post-body 宽度是否小于图像的原始宽度，我正在将图像大小调整为与 div 相同的宽度。

但是我认为这在某些旧版本的 Internet Explorer 中存在问题，因为我正在删除图像的高度属性。

如果存储旧的宽度和高度，计算图像比例高度的最简单方法是什么？我有一个新的宽度，我想计算适当的高度。

我似乎找不到一个简单的数学解决方案。

再说一遍，我不想从图像中删除高度属性，而是计算比例高度。

谢谢你的小费。 问候

Answer 1

var newHeight = newWidth / oldWidth * oldHeight;

newWidth / oldWidth 为您提供调整大小比率。如果原始宽度为 800，新宽度为 400，则该比率变为 0.5。如果您的原始高度为 600，并将其乘以该比率，则得到 300。800x600 与 400x300 的比率相同。