点击图片 实现放大功能

1 在图片上设置点击事件

2 在body下添加一个 用来显示图片得域


   

3 js 方法如下:

$('#divimg').click(function(){$(this).fadeOut(200)})
function imgcli(obj){
      	console.log($(obj).attr("src"))
      	$('#divimg').fadeIn(200);
      	$('#divimg img').attr('src',$(obj).attr("src"));
      	$('#divimg img').css("margin-top","-"+$('#divimg img').height()/2+"px")
 }

 

你可能感兴趣的:(图片)