放大和缩小图像

Question

每当用户点击放大按钮或缩小按钮时，我都会尝试放大和缩小图像。

我所采用的例子只改变了图像的宽度，而这并不是我真正需要的，因为div宽度将是一个限制。

这是我使用的代码：

var width =  $("#imgMain").prop('width');
  var zoomincrement = width * 1/3;
  var zoom = width + zoomincrement ; 
  $("#imgMain").prop('width',zoom); 

这是图像：

 <div style="height: 500px; width: 800px; border-width: 2px; border-style: solid; border-color: gray;">
   <img  id="imgMain" class="imgMain" src="image"  />
 </div>