温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

小程序如何实现图片预加载

发布时间:2022-03-15 11:43:08 来源:亿速云 阅读:1939 作者:小新 栏目:开发技术

这篇文章主要为大家展示了“小程序如何实现图片预加载”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“小程序如何实现图片预加载”这篇文章吧。

  小程序如何实现图片预加载

  网页有页面预加载,小程序也有图片预加载,小程序图片加载的速度决定了用户的停留时间,那么小程序图片预加载如何实现?

  在微信小程序中,要显示一张图片,有两种图片加载方式:

  一、加载本地图片

小程序如何实现图片预加载

  src=”/image/arrowright.png” 这句就是加载本地图片资源的。

  二、加载网络图片

小程序如何实现图片预加载

  微信在加载网络这方面封装的还是很好的,包括语音和视频的加载。直接给’src’这个属性附上地址,它会自动加载。

  这个imageUrl是在js文件中数据

  data:{

  imageUrl:”http://img1.3lian.com/2015/w7/85/d/101.jpg”

  },

  也可以直接写成

  小程序如何实现图片预加载

  在按键的响应方法更换加载图片

  downImage:function(event){

  console.log(event)

  var that = this;

  this.setData({ imageUrl:”另一个url”

  })

  }
 

以上是“小程序如何实现图片预加载”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI