求思路：用JS导入图片，共3列

水木社区手机版

主题:求思路：用JS导入图片，共3列
楼主|cowell|2013-02-19 08:55:32|只看此ID
求实现以下目的的简单方法：
用HTML/Javascript将大量图片摆成等宽的3列，占满屏宽。图片有横幅的也有纵幅的，随机出现，长边和宽边也未必都是固定值。想要比较均衡地展示图片，不要因为某列因为纵幅的出现多而过长，出现横幅的多而过短。
我是要给自己宝宝做一个图片网页，方便在电脑上和手机上观看。后天满100天，希望能在那之前做好。急用！先谢过了。
主要是想要个简单的思路。如果使劲拿纵向的图片长度来回计算和比较，我担心会加重计算负担导致电脑或手机显示慢。
--
FROM 192.55.54.*
1楼|cowell|2013-02-19 09:30:39|只看此ID
太感谢了，期待中。
假设图片编号1，2，……，浏览图片时最好是“大致”从左到右的顺序。
--
FROM 134.134.137.*
2楼|ttl|2013-02-19 11:34:04|只看此ID
如果不考虑老IE的话，CSS3可以直接搞
http://cssdeck.com/labs/css-only-pinterest-style-columns-layout

【在 cowell (紫禁飞狐) 的大作中提到: 】
: 求实现以下目的的简单方法：
: 用HTML/Javascript将大量图片摆成等宽的3列，占满屏宽。图片有横幅的也有纵幅的，随机出现，长边和宽边也未必都是固定值。想要比较均衡地展示图片，不要因为某列因为纵幅的出现多而过长，出现横幅的多而过短。
: 我是要给自己宝宝做一个图片网页，方便在电脑上和手机上观看。后天满100天，希望能在那之前做好。急用！先谢过了。
: ...................
--
FROM 110.232.55.*
3楼|cowell|2013-02-19 12:02:53|只看此ID
多谢。我要的就是类似这种效果。
不过还是要考虑兼容性的问题。CSS3新了点，先看看各位的JS版本好了。

【在 ttl 的大作中提到: 】
: 如果不考虑老IE的话，CSS3可以直接搞
: http://cssdeck.com/labs/css-only-pinterest-style-columns-layout
:
--
FROM 192.55.55.*
4楼|ttl|2013-02-19 12:05:51|只看此ID
嗯，这个特性连IE9都不支持，得IE10。js也有现成的啊。
http://www.queness.com/post/11133/the-famous-pinterest-dynamic-grid-layout-and-design-inspirations
这里面提到的你挑一个顺眼的即可。

【在 cowell (紫禁飞狐) 的大作中提到: 】
: 多谢。我要的就是类似这种效果。
: 不过还是要考虑兼容性的问题。CSS3新了点，先看看各位的JS版本好了。
--
FROM 110.232.55.*
5楼|cowell|2013-02-19 12:49:02|只看此ID
太好了，连版面设计的时间都省了。
非常感谢ttl。等回家找时间稍微研究一下，能用现成的就用现成的好了。

【在 ttl 的大作中提到: 】
: 嗯，这个特性连IE9都不支持，得IE10。js也有现成的啊。
: http://www.queness.com/post/11133/the-famous-pinterest-dynamic-grid-layout-and-design-inspirations
: 这里面提到的你挑一个顺眼的即可。
: ...................
--
FROM 192.55.55.*
6楼|ttl|2013-02-19 16:33:43|只看此ID
那个，图也不错。

【在 chaobill (若我离去,后会无期) 的大作中提到: 】
: 赞编码速度
--
FROM 110.232.55.*