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

2020-11-16 14:15:22 +08:00
 Philippa

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

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

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

1470 次点击
所在节点    CSS
2 条回复
zoharSoul
2020-11-16 15:42:00 +08:00
后端一起返回.
Philippa
2020-11-16 19:53:33 +08:00
@zoharSoul 的确如此啊,谢了,改改后端去

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

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

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

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

© 2021 V2EX