公告列表
公告列表
收藏
回答

微信小程序中加载gif图

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

回答关注问题邀请回答
收藏

1 个回答

  • 三世羽翾
    三世羽翾
    2019-06-04

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

    2019-06-04
    有用 2
    回复 8
    • 静静bao
      静静bao
      2019-06-06

      我试试，谢谢

      2019-06-06
      赞 1
      回复
    • The-fighter-
      The-fighter-
      2019-10-21回复静静bao
      请问解决了，判断gif加载完毕执行后续操作
      2019-10-21
      赞
      回复
    • 静静bao
      静静bao
      2019-10-21回复The-fighter-
      我之前做的是，点击屏幕上按钮，加载gif，动画是一次性的，就是gif播放完就暂停了，如果你要做连续播放gif图的话，可以用setInterval试试
      2019-10-21
      赞
      回复
    • The-fighter-
      The-fighter-
      2019-10-21回复静静bao
      我现在让设计重新设计了gif，只播放一次，并且把播放时长告诉我，我在onload中采用计时器，播放完后（延迟后）执行后续操作
      2019-10-21
      赞
      回复
    • 静静bao
      静静bao
      2019-10-21回复The-fighter-
      嗯嗯，阔以的，记得页面销毁时，清除定时器
      2019-10-21
      赞
      回复
    查看更多(3)
请 登录 后发表内容
相关问题
相关文档