微信小程序中加载gif图
发布于 7 年前 作者 vbai 1046 次浏览 来自 问答

微信小程序中怎样判断gif加载完毕,然后在替换src中的内容呢,现在直接用后台返回的gif链接,中间会显示一段时间的空白

1 回复

解决方案挺多,为防止图片加载期间空白,则需要使用缓冲图代替,顾名思义就是两张图来回替换,一张是打包到小程序里的,一张是网络的,可以使用上下层级的方式覆盖图片,上层是网络图,开始透明度为0看不见,底层是缓冲图透明度为1,监听网络图标签的load事件,进入则加载成功,然后更改其透明度为1,是否更改底层图的隐藏的自己可以看,然后增加动画或过渡即可

回到顶部