V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
alwayshere
V2EX  ›  程序员

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

  •  
  •   alwayshere · 2018-12-13 14:06:25 +08:00 · 1458 次点击
    这是一个创建于 2178 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    3 条回复    2018-12-14 01:20:22 +08:00
    rabbbit
        1
    rabbbit  
       2018-12-13 14:18:01 +08:00
    试试用 width 和 height attribute 代替 CSS

    <img width="100" height="100">
    这样做图片未加载时也是固定宽高
    caliburn1994
        2
    caliburn1994  
       2018-12-14 01:16:11 +08:00 via Android
    caliburn1994
        3
    caliburn1994  
       2018-12-14 01:20:22 +08:00 via Android
    nanogallery2 挺好用的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2852 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 14:20 · PVG 22:20 · LAX 06:20 · JFK 09:20
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.