javascript - Javascript/jQuery 随机调整加载图片的大小？

Question

我不想为我的图像创建缩略图，而是想在我的页面中显示原始图像。出于查看目的，我仍然需要调整这些图像的大小，但不是width:200px在它们上添加 a，而是希望在 div 容器中显示每个图像，但大小是从三个选项中随机选择的。

这 3 种类型的 div 容器（以及因此的图像外观）将具有 3 种不同的大小，并且都具有相同的宽度。300x100、300x200、300x400。

当然，刷新后，图像现在可能具有不同的大小。

我怎样才能做到这一点 ？

Answer 1

以这种方式设置每个高度：

var heights = [100, 200, 400];
var height = heights[Math.ceil(Math.random()*3)-1];

我想你会想要遍历容器......

var heights = ["100px", "200px", "400px"];
$(".container").each(function(i,e) {
    var height = heights[Math.ceil(Math.random()*3)-1];
    $(e).css('height', height);
});