Question

我想在我的页面中显示原始图像，而不是为我的图像创建缩略图。出于查看目的，我仍然需要调整这些图像的大小，但不是在它们上添加width:200px，我想在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);
});

Javascript / jQuery在加载时随机调整图片大小？

1 个答案: