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