小程序如何实现图片预加载
这篇文章主要为大家展示了“小程序如何实现图片预加载”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“小程序如何实现图片预加载”这篇文章吧。
网页有页面预加载,小程序也有图片预加载,小程序图片加载的速度决定了用户的停留时间,那么小程序图片预加载如何实现?
在微信小程序中,要显示一张图片,有两种图片加载方式:
一、加载本地图片
class="lazy" data-src=”/image/arrowright.png” 这句就是加载本地图片资源的。
二、加载网络图片
微信在加载网络这方面封装的还是很好的,包括语音和视频的加载。直接给’class="lazy" data-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”
})
}
以上是“小程序如何实现图片预加载”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341