html5 img 放大图片,jsp中点击<img>放大图片

页面代码：

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

放大图片

• 
• 

//图片放大

$(function(){

$("#viewImg2").click(function(){

var _this = $(this);//将当前的pimg元素作为_this传入函数

imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);

});

$("#viewImg3").click(function(){

var _this = $(this);//将当前的pimg元素作为_this传入函数

imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);

});

});

function imgShow(outerdiv, innerdiv, bigimg, _this){

var src = _this.attr("src");//获取当前点击的pimg元素中的src属性

$('#outerdiv').attr('display','block');

$(bigimg).attr("src", src);//设置#bigimg元素的src属性

$(outerdiv).fadeIn("fast");

$(outerdiv).click(function(){//再次点击淡出消失弹出层

$(this).fadeOut("fast");

});

}