V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
Philippa
V2EX  ›  CSS

在图片加载完之前,如何确定图片 loading 的 skeleton 的长和宽?

  •  
  •   Philippa · 2020-11-16 14:15:22 +08:00 · 1436 次点击
    这是一个创建于 1228 天前的主题,其中的信息可能已经有所发展或是发生改变。

    场景:有一批图片,动态内容,需要以客户端渲染的方式进行加载,最终图片显示的 AspectRatio 根据图片自身的尺寸而定。在加载之前,需要显示 skeleton 加载动画来平滑过度。如同 pinterest.com 那样,在图片 loaded 之前,就有 loading 的色块,而色块的 长度 和 宽度 对应 要加载图片对应的 长度 和 宽度。但在加载之前,我无法得知图片的 height 和 width,因此也就无法确定 skeleton 的长和宽。

    问题:我要如何在图片 loaded 之前就知道图片的 length 和 width 从而确定 skeleton 的 长度 和 宽度 ?通过后端 API 一起返回?规定固定的 width,然后根据 Content-Length 来计算?

    自己是后端,对前端不大熟悉,感谢。

    2 条回复    2020-11-16 19:53:33 +08:00
    zoharSoul
        1
    zoharSoul  
       2020-11-16 15:42:00 +08:00
    后端一起返回.
    Philippa
        2
    Philippa  
    OP
       2020-11-16 19:53:33 +08:00 via iPhone
    @zoharSoul 的确如此啊,谢了,改改后端去
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   4820 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 01:10 · PVG 09:10 · LAX 18:10 · JFK 21:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.