微信小程序实现图片或gif预加载

微信官方原文链接
链接: 官方解释.

最后实现代码

wx.getImageInfo({
  src: 'gif动画地址',
  success (res) {
    console.log(res)
  }
})

但是你用过之后会发现一个问题,就是如果第一次gif动画执行完之后会自动开始第二遍
第二次开始执行的时候会从第一次中断的地方开始继续执行动画
解决方法:动态控制image的src属性
需要加载的时候用style动态更改

{{用来控制开启动画的属性?'background: url(gif动画地址);background-size: 100% 100%;':'background: url()'}}

事已至此,大功告成,进入页面自动加载


版权声明:本文为weixin_44247511原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。