有没有人知道如何使用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/的博文