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

前端之家收集整理的这篇文章主要介绍了如何使用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/的博文

猜你在找的jQuery相关文章