微信公众号图片预览功能开发微信浏览器

 //这个是调用微信图片浏览器的函数   
            //下面是获取当前页面所有的img的src 转成数组 并且 转换成json格式  
            var aa=[];  
            var i=0;  
            var src=[];  
            aa=$('img');  
            for (i=0;i<aa.length;i++){  
                src[i]=aa[i].src;    //把所有的src存到数组里  
            }  
         
            //下面是点击图片的时候获取当前第几个图片并且启用咱们做的调用微信图片浏览器的函数  
            $('img').click(function(){  
            var index = $('img').index(this);  
                imagePreview(src[index],src);  
            });
            function imagePreview(curSrc,srcList) {  
                //这个检测是否参数为空  
                if(!curSrc || !srcList || srcList.length == 0) {  
                    return;  
                }  
                  
                //这个使用了微信浏览器提供的JsAPI 调用微信图片浏览器  
                WeixinJSBridge.invoke('imagePreview', {   
                    'current' : curSrc,  
                    'urls' : srcList  
                });  
};

猜你喜欢

转载自blog.csdn.net/sinat_38273626/article/details/79056389