微信图片点击放大

 

<div class="product-img-body" ><img src=" "></div>

 

$(function(){
        //调用查看微信放大图片功能
        imgClick(".product-img-body img");    
    })
    //可以点击的图片
    function imgClick(obj){
        $(obj).click(function(){
            var src = getImg($(obj));
            var curent = $(this).index()+1;
            preview(src[curent], src);
        });
    }
    //获取可以点击的图片的url
    function getImg(obj){ 
        var m = [];
        for(var i=0; i< obj.length; i++){
            m[i] = obj[i].src;
        }  
        return m;
    }
    //调用微信的方法
    function preview(current, urls){
        if(!current || urls.length == 0){
            return ;
        }
        WeixinJSBridge.invoke('imagePreview', { 
            'current': current,
            'urls': urls
        });
    }