图片瀑布流用 masonry.js 需要等图片加载完了才自动排列,有没有其他 js 实现的?

2018-12-13 14:06:25 +08:00
 alwayshere

本来想用 css column 的,但是兼容性太差,感觉还是用 js 生成瀑布流好点,但是 masonry.js 要等所有图片加载完了才能得出每张图片的宽高再自动排列,有没有兼容性比较好的 js,我通过提前输出每张图片的预设宽高,迅速生成响应式的瀑布流,就像花瓣网那样

1457 次点击
所在节点    程序员
3 条回复
rabbbit
2018-12-13 14:18:01 +08:00
试试用 width 和 height attribute 代替 CSS

<img width="100" height="100">
这样做图片未加载时也是固定宽高
caliburn1994
2018-12-14 01:16:11 +08:00
caliburn1994
2018-12-14 01:20:22 +08:00
nanogallery2 挺好用的

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/517202

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX