怎么写瀑布流能显示缩略图，然后点击图片后图片最大化显示？
来源：5-1 瀑布流布局实现方式比较
狸花猫
2016-07-21 23:04
老师演示的是小像素图片，那么，我们怎么写才能像QQ空间那样，看相册的显示的是缩略图，点击图片后最大化显示图片？
写回答
关注
1回答
-
- 采药超人
- 2016-07-21 23:37:55
大概思路如下：
获取所有图片
给每一个图片绑定点击事件
点击图片的时候create一个div，并获取该图片的src
这个div采用fixed定位，居中显示（padding一定距离，有关闭按钮），位于最上层
这个div内放一个img元素，img元素的src就是你点击那个图片是获取的src
将该div加载到body
这样，点击图片即可查看大图
瀑布流布局
瀑布流布局是网站比较流行的一种布局方式，教你实现三大方式
97751 学习 · 757 问题
相似问题