自动适应多张图片的javascript算法

Question

我一直在寻找一个函数，它将总宽度、最大高度、最小高度参数作为输入，并在给定的总宽度中调整它们的宽度以适应多个图像。

所以对于这个 page 中的例子，所有图像(在同一行)都应该自动调整到相同的高度，保持它们的原始纵横比，javascript 改变它们的宽度。

编辑:我已回答

Answer 1

只需要改变图片的高度即可。纵横比保持不变。

function height100() {
    var imgages = document.getElementsByTagName('img');

    Array.prototype.forEach.call(imgages, function (a) {
        a.style.height = '100px';
    });
}

<button onclick="height100();">100px height</button><br>
<img src="http://lorempixel.com/400/200/">
<img src="http://lorempixel.com/100/200/">
<img src="http://lorempixel.com/300/200/">
<img src="http://lorempixel.com/400/300/">
<img src="http://lorempixel.com/400/150/">
<img src="http://lorempixel.com/800/200/">
<img src="http://lorempixel.com/450/200/">
<img src="http://lorempixel.com/400/250/">