微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使用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/的博文

原文地址:https://www.jb51.cc/jquery/182471.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐