微信端页面仿微信朋友圈,点击图片放大查看

1、先引用微信的js
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

2、初始化点击放大监听事件:
var imglis = [];
var imgObj = $(".proDetail_fea img");//img对象  注意路径必须为绝对路径
function imginfo(){
  for(var i=0; i<imgObj.length; i++){
    imglis.push(imgObj.eq(i).attr('src'))
					imgObj.eq(i).click(function(){
		    console.log($(this).attr('src'))
		    var Imgurl = $(this).attr('src');
		    WeixinJSBridge.invoke("imagePreview",{
		      "urls":imglis,
		      "current":Imgurl
		    });
		  });

  }
}
imginfo();

猜你喜欢

转载自blog.csdn.net/dream0129/article/details/80205249