tumblr和google +堆栈图像如何拼图？

我正在寻找一个图像库，我想知道如何堆叠像谷歌和tumblr这样的图像。

我的意思是，当你查看tumblr的存档页面时，它们都堆放在列中： http ： //the-overlook-hotel.tumblr.com/archive

但是我希望它们也可以在列之间重叠，我已经看到这个在tumblr上的一个名为tessellate的主题中完成： http ： //www.tumblr.com/theme/30524

这是一个例子。 继续滚动以查看图像或嵌入video将跨越2列的部分： http ： //idotessellate.tumblr.com/ （抱歉，我找不到更好的示例）

Google会在Google+照片页面上执行类似操作： https ： //plus.google.com/u/0/photos/111395306401981598462/albums/5678415422536656161

这种类型的东西有名字吗？ 我怎样才能实现它或在哪里可以获得这些结果

就好像他们坐在一起。

Answer 1

Tumbler似乎使用Javascript来计算图像的布局。 页面加载后，它为每个图像设置一个绝对位置。 如果调整窗口大小，则会重新计算每个图像的位置。

谷歌似乎已预先订购了这些图片，因此它们很好地融合在一起使用float：left。 您会注意到，除第一张图像外，图像按行排序。 当您调整broswer的大小时，图像会增大或缩小以保持布局。

要自己做，请看一下jQuery Masonry插件 。