javascript控制图片等比例缩小放大

//javascript控制图片等比例缩小放大javascript代码部分
<script language="javascript">
function changeImg(showpic)
{
 var maxwidth=200; //设置图片的最大显示宽度
 var maxheight=200; //设置图片的最大显示高度
 
 var width = showpic.width;
 var height = showpic.height;
 var bili = width/height; //获取图片宽高比
 var A=maxwidth/width; //判断图片宽度是否超出最大设置
 var B=maxheight/height;//判断图片高度是否超出最大设置
 
 if(A<1||B<1) //将判断值改为A>1||B>1即可等比例放大
 {
  //计算如果宽度比例大于高度比例，那么按照高度比例显示；反之亦然
  if(A<B)
  {
   showpic.width=maxwidth;
   showpic.height=maxwidth/bili;
  }
  if(A>B)
  {
   showpic.width=maxheight*bili;
   showpic.height=maxheight;
  }
 }
}
</script>

//html代码部分
<table border="1">
 <tr>
  <td width="220" height="200" align="center" valign="middle"><img src="temp.jpg" onload="changeImg(this)"/></td>//js参数调用
 </tr>
</table>

相关资讯