这篇文章主要为大家展示了“小程序如何实现图片预加载”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“小程序如何实现图片预加载”这篇文章吧。
网页有页面预加载,小程序也有图片预加载,小程序图片加载的速度决定了用户的停留时间,那么小程序图片预加载如何实现?
在微信小程序中,要显示一张图片,有两种图片加载方式:
一、加载本地图片
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”
})
}
以上是“小程序如何实现图片预加载”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。