微信文章图片，点击放大、左右切换效果_IT_小学生_新浪博客

//判断是否是微信浏览器,点击图片进入预览
if (typeof window.WeixinJSBridge == "undefined")
   {
       $(document).on('WeixinJSBridgeReady', function()
       {
            
           if(isWeiXin()){ 
                var imgsObj = $('.container img');
                var imgs = new Array();
                for(var i = 0; i < imgsObj.size(); i++) {
                    imgs.push('域名'+imgsObj.eq(i).attr('src'));
                }
                
                $('.container img').on('click', function() {
                    WeixinJSBridge.invoke('imagePreview', {
                        'current': $(this).attr('src'),
                        'urls': imgs
                    });
                    wx.previewImage({
                        current: $(this).attr('src'),
                        urls: imgs
                    });
                });
            } 
       });
   }
   else
   {
       console.log('err')
   }  
                
        function isWeiXin(){ 
                var ua = window.navigator.userAgent.toLowerCase(); 
                if(ua.match(/MicroMessenger/i) == 'micromessenger'){ 
                return true; 
                }else{ 
                return false; 
                }
        }