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

<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
	});
}