手机网站按住放大图片_手机网页：点击图片后，显示满屏的大图

$(function(){

$("#img123").attr("data-w",$("#img123").width());//初始化

$("#img123").attr("data-h",$("#img123").height());

$("#img123").click(function(){if( $(this).hasClass("img123") ){

$(this).removeClass("img123");

$(this).removeClass("rotate");

$("#fix_box").removeClass("fix-box");

$(this).width($(this).attr("data-w"));

$(this).height($(this).attr("data-h"));

$(this).css("left","0");

$(this).css("top","0");

}else{

$("#fix_box").addClass("fix-box");varW=$(document).width();varH=$(document).height();var_w=parseFloat( $(this).attr("data-w") );var_h=parseFloat( $(this).attr("data-h") );if(_w>_h){//宽大于高，旋转

$(this).addClass("img123");

$(this).addClass("rotate");

$(this).width(H).height(W);

$(this).css({"left":(H/2)*-1 + "px", "top":(W/2)*-1 + "px"});

}else{//宽小于高，保持原状

$(this).addClass("img123");

$(this).width(W).height(H);

$(this).css({"left":(W/2)*-1 + "px", "top":(H/2)*-1 + "px"});

}

}

});

});

html,body{width:100%;height:100%;margin:0;padding:0;}#img123{width:100%;}.fix-box{position:fixed;left:50%;right:50%;top:50%;bottom:50%;width:1px;height:1px;}/*容器，定位于页面中心点，以便图片旋转1*/.img123{position:absolute;}.rotate{transform:rotate(90deg);}