微信公众号开发之图片预览

最新推荐文章于 2022-09-15 15:08:31 发布

qq_39267979

最新推荐文章于 2022-09-15 15:08:31 发布

阅读量1.0k

点赞数 1

分类专栏：微信公众号开发之图片预览文章标签：微信公众号开发之图片预览

本文链接：https://blog.csdn.net/qq_39267979/article/details/82867626

版权

微信公众号开发之图片预览专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<div class="weui-flex shenheimg_center">
	<div class="weui-flex__item">
		 <a>
			<img src="../img/img1.png" onclick="preview(this)"><p>图1</p>
		</a>
	</div>
	<div class="weui-flex__item">
		<a>
			<img src="../img/img2.png" onclick="preview(this)"><p>图2</p>
		</a>
	</div>
	<div class="weui-flex__item">
		<a>
			<img src="../img/img3.png" onclick="preview(this)"><p>图3</p>
		</a>
	</div>
	<div class="weui-flex__item">
		<a>
			<img src="../img/img4.png" onclick="preview(this)"><p>图4</p>
		</a>
 </div>

js:

function preview(that){
	var imgs=$(that).parents(".shenheimg_center").find("img");
	var urls=[];
	imgs.each(function(){
		urls.push($(this).attr("src"));
	});
	wx.previewImage({
		current:$(that).attr("src"),
		urls:urls
	});
}