js手机端图片弹出方法

 1 　　 $("img").click(function(){
　　　　　　　　　//获取窗口可视大小
            var width=$(window).width();
            var height=$(window).height();
            var img=$(this);
            var html='';
　　　　　　　　　//获取图片的真实宽高
            $("<img/>").attr("src", $(img).attr("src")).load(function() {               
                realWidth = this.width;
                realHeight = this.height;
               //如果真实的宽度大于浏览器的宽度就按照100%显示
                if(realWidth>=width ){
                       //$(img).css("width","100%").css("height","auto");
                       width="100%";
                       height="auto";
                    }
                    else{//如果小于浏览器的宽度按照原尺寸显示
                      //$(img).css("width",realWidth+'px').css("height",realHeight+'px');
                      width=realWidth;
                      height=realHeight;
                    }
                html='<img src="'+$(this).attr("src")+'" style=" '+width+'"/>';
　　　　　　　　　　　//这里借用了layer.mobile弹出插件
                var pagei = layer.open({
                    type: 1,
                    content: html,
                  //  style: 'position:fixed; left:0; top:0; 100%; height:100%; border:none;'
                });
            });
            
        });