将不同尺寸的图像很好地拼接到拼贴中

我正在寻找一个JavaScript库（或者我可以实现的算法），以便在单个页面上适合任意大小的图像，并且只剩下很少的空白。类似于Google Plus显示图片 [example]的方式。或者，甚至可能更有趣（谷歌使他们相同的高度）将不同尺寸的图像很好地拼接到拼贴中

只要纵横比没有混乱，并且看起来“合适”的东西很好在页面上。

2012-07-11 Jeroen

我会检查出砌体js或同位素js，都好像他们会为你工作。 – 2012-07-11 15:27:46

如果你不喜欢其中之一。谷歌bin包装算法的方式来做这种事情。 – 2012-07-11 15:29:43

您可以使用流行的库Masonary。

jQuery的动态布局插件CSS的翻盖侧漂浮

下面是一个代码example ...

$('#container').masonry({ 
    itemSelector: '.box' 
});

这里是Github源和与采访Shoptalk播客上的David Desandro。

提示：确保父容器具有position：relative，以便所有内容都绑定到您的容器。

2012-07-11 15:30:34

回答