收藏
回答

微信小程序中加载gif图

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

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

1 个回答

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

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

    2019-06-04
    赞同 1
    回复 6
    • 静静bao
      静静bao
      2019-06-06

      我试试,谢谢

      2019-06-06
      回复
    • 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
      回复
    查看更多(1)
登录 后发表内容