如何使用jQuery构建Flickr对齐视图?

有没有人知道如何使用jQuery建立一个合理的视图,如Flickr的联系照片( http://www.flickr.com/photos/friends/)?

我发现这个Google灵感相册教程:http://www.techbits.de/2011/10/25/building-a-google-plus-inspired-image-gallery/,但Flickr的合理视图不会裁剪照片。

解决方法

我没有弄清楚他们是如何做到的,但我认为诀窍是使行的高度灵活。

所以你可能会这样做:

>将照片从列表中拉出,直到达到某个阈值。每张照片将具有相同的原始高度
>一旦达到阈值,就可以计算原始宽度的比例,使所有的照片适合页面宽度
>对所有的照片高度应用相同的比例。

更新:写了一篇关于如何做这个http://www.wackylabs.net/2012/03/flickr-justified-layout-in-jquery/的博文

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: <span id=&quot...
jQuery 添加水印 <script src="../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...