Question

高分求解决 jquery 这个问题，在线等

<div id="enlarge">
<a href="javascript:void(0)"><img src="xxxxx.png"></a>
</div>

<div>
<a href="javascript:void(0)"><img src="xxxxx.png" width="120"></a>
</div>
<script>

$(function(){
$("#enlarge a img").click(function(){
var width = $(this).width();

if(width==120){

$(this).width("100%");

$(this).height("100%");

}else {

$(this).width(120);

}
});
});
</script>

比如说我这个图片是 200*200 的，我给用户看呢是120px的, 现在问题来就来了,当我点击的时候这个图片放大到100%， 但是不是要想要的，它是放到这个div的100%，就是全屏的意思了，那么我怎么样点击放大到这张原图片的 宽高呢， 还有就是 如果我的div为400px，那么现在我的图片太大有500px 那么这个判断图片最大只能放大到400px 那个jq怎么写，求高手帮忙

Answer 1

1. 图片是在div里的，放大到超过div的就把div的宽高用jquery一块改了;

2. 用CSS的max-width,max-height可以实现.

追问

1、 第一以搞定，$(this).width("100%"); 里面改成auto就OK了，
2、jq代码。

else if(width<400){

$(this).width(390);
$(this).height(390);

}else{
$(this).width(120);

}

Answer 2

取得图片的宽高，将width的内容设为图片的原来的。