我正在寻找一个图像库，我想知道如何堆叠像谷歌和tumblr这样的图像。
我的意思是，当您查看tumblr的存档页面时，它们都堆叠在列中：http://the-overlook-hotel.tumblr.com/archive
但是我希望它们也可以在列之间重叠，我已经在tumblr的一个名为tessellate的主题中看到了这一点：http://www.tumblr.com/theme/30524
这是一个例子。继续滚动以查看图片或嵌入视频将跨越两列的部分：http://idotessellate.tumblr.com/ （抱歉，我找不到更好的例子）
Google在Google+照片页面上做了类似的事情：https://plus.google.com/u/0/photos/111395306401981598462/albums/5678415422536656161
这种类型的东西有名字吗？我怎样才能实现它或者在哪里可以获得这些结果
就好像他们坐在一起。
答案 0 :(得分：9)
Tumbler似乎使用Javascript来计算图像的布局。页面加载后，它为每个图像设置一个绝对位置。如果调整窗口大小，则会重新计算每个图像的位置。
谷歌似乎预先订购了这些图片，因此它们很好地融合在一起使用float：left。您会注意到，除第一张图像外，图像按行排序。当您调整broswer的大小时，图像会增大或缩小以保持布局。
要自己动手，请查看jQuery Masonry plugin。