乘以图像调整大小＆amp;固定宽度div中的位置（填充所有位置）

Question

我需要将几张图片发布到固定宽度的div中。图像总是不同的，具有不同的宽度和高度。我的目标 - 让他们顺利地填补我的div的所有区域。我需要做的最好的例子是由Vk.Com创建的。以下是一些例子：

如您所见，无论用户加载多少图像以及它们的大小。 Vk.Com裁剪，调整大小并适合固定宽度div的所有图片。您如何看待，是否有任何开源解决方案可以实现这一目标？感谢大家。

UPD：加载了一些具有绝对宽范围尺寸的真正不同的图像。

Answer 1

这个问题实际上比我想象的要复杂得多。我知道有一些布局插件可以将常规尺寸的图像放入开槽布局（Isotope），还有一些可以将随机大小的图像放入简单的线性布局（Automatic Image Montage），但我没有看到任何将采用随机大小的图像的脚本，并调整它们以适应插槽布局。

This guy managed to work out the key features necessary for a Google Plus-style gallery（看起来与你的相似），但结论是这取决于服务器端生成多个图像大小，还有一些逻辑。但是，他最后确实产生了pure Javascript reduced version。