加载中 ...
首页 > 新闻资讯 > 小程序 正文

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

2019-07-31 10:09:14 来源:沈阳小程序开发 作者:沈阳软件开发

21708-1P31914225X38.jpg

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

在微信小程序中,要显示图像,有两种方法可以加载图像:

首先,加载本地图像

21708-1P319142151452.png

Src=“/image/arrowright.png”这句话加载本地图像资源。

第二,加载网络图像

微信仍然非常擅长加载网络,包括加载语音和视频。将地址直接附加到属性'src',它将自动加载。

此imageUrl是js文件中的数据

数据: {

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

},

也可以直接写

21708-1P319142220413.png

更改加载图像以响应按钮

downImage: function(event){

CONSOLE.LOG(事件)

Var that=this;

this.setData({imageUrl:“另一个网址”

})

}

HiShop小程序工具提供多种类型的商城/商店小程序制作,可视化编辑1秒,在线生成5个步骤。通过拖动和拼接模块布局小程序商城页面,你可以看到你得到的东西,你只需要艺术家来制作一个漂亮的商场。

更多小程序开发案例可在以下网址获得:http://www.hvihi.com/xiaocx/kaifa.html

小程序显示图片相关文章:小程序加载图片如何实现小程序开发上传图片如何实现小程序上传图片组件并上传多张图片

< 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>

确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。