瀑布流的问题,只有图片链接没有图片尺寸

zpw青苹果 发布于 2014/06/27 20:35
阅读 236
收藏 1

@zakowey 你好,想跟你请教个问题:

最近项目中添加瀑布流,可是服务器返回的数据中只有图片的链接,没有图片的大小,请教站内大神,有谁有什么好的方式能实现瀑布流的,因为我自己也想这样实现,这样以后用的话比较简单,不用再受图片大小的未给出的限制,请看到的大神赐教解答,在此谢过了

加载中
0
渊翼
渊翼
只要给出图片父元素的大小就行了吧,然后图片设置max-width和max-height
zpw青苹果
zpw青苹果
什么是图片父元素啊?关键是只有图片的链接别的什么都没给,一组链接做瀑布流,怎么做,还请指点
0
m
magiclogy

应该是在前端吧?这样你肯定是要创建Image对象的。Image对象可以得到图片的尺寸的。

例如:

(image = new Image()).src="http://www.baidu.com/img/baidu_sylogo1.gif";
[image.width, image.height].join()




m
magiclogy
回复 @zpw青苹果 : 应该说我那段代码是一个错误的例子。。。image.src=url,之后图片下载是异步的,下载结束后会触发onload。
zpw青苹果
zpw青苹果
你的意思等于是说我先把这图片下载先来再进行加载瀑布流,这样就失去了异步加载的优势了,只能异步下载再加载是吧
0
Liuxz-aaa
Liuxz-aaa

1. 做瀑布流的界面,你必定先要定一个固定的值,是宽,还是高,

2. 有个值固定了,另一个值就进行等比缩放显示

3. 一般在异步加载回来之前是需要给个默认图片进行显示的,等图片下载成功后,再本地对VIEW进行刷新

zpw青苹果
zpw青苹果
关键就是第三步不知道该怎么处理,图片下载下来怎么对应显示
返回顶部
顶部