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:'+width+'"/>';
　　　　　　　　　　　//这里借用了layer.mobile弹出插件
                 var pagei = layer.open({
                     type: 1,
                     content: html,
                   //  style: 'position:fixed; left:0; top:0; width:100%; height:100%; border:none;'
                 });
             });

         });