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

我希望在我的页面中显示原始图像，而不是为我的图像创建缩略图。出于查看目的，我仍然需要调整这些图像的大小，但不是在其上添加

width:200px

，而是在div容器中显示每个图像，但大小从三个选项中随机选择

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

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

---

我如何才能做到这一点？

按如下方式设置每个高度：

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);
});

---

谢谢你的回答。我已经把它添加到了一个文件中，你能看一下吗？@Kaoukkos这是最新的小提琴，希望对你有所帮助。。。（我修正了一个错误——迭代器应该使用css而不是attr进行更新。）我刚刚接受了你的答案。再次谢谢你。最后一个问题，当显示更多图像（）时，将显示更多的空白。什么样的方法可以让div填补空白？@Kaoukkos可能会为每个列使用单独的垂直容器？