小程序实现点击图像放大预览功能

我们可以看到很多小程序，点击图片放大并预览，你可以左右滑动图像。这是如何实现的？主要实施是什么？

小程序点击图片放大实现：使用微信小程序图片预览界面

我们可以看到api需要两个参数，分别通过以下数据列表和data-src传递给js

Wxml代码：

Js代码：

//图像点击事件imgYu:函数（事件）{var src=event.currentTarget.dataset.src; //获取data-src var imgList=event.currentTarget.dataset.list; //获取数据列表//图像预览wx.previewImage（{current: src，//http链接网址当前显示图片网址为: imgList //需要预览图片http链接列表}}}

1.向图像添加单击事件（imgYu）

2.使用event.currentTarget.dataset。自定义属性名称以获取数据的值 - 例如event.currentTarget.dataset.src（获取data-src的值）

3.然后将您获得的两个值放入wx.previewImage接口。

效果图像就像和：您可以向左和向右滑动到下一页

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

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

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

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

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