图片比例缩放控制

1、html demo

<li id="recordone_<?php echo $v['share_id'];?>">
    <a href="index.php?act=member_snshome&op=goodsinfo&mid=<?php echo $v['share_memberid'];?>&id=<?php echo $v['share_id'];?>" title="<?php echo $v['snsgoods_goodsname']?>" class="pic">
        <img src="<?php echo cthumb($v['snsgoods_goodsimage'],240,$v['snsgoods_storeid']);?>" style="vertical-align:middle;" οnlοad="javascript:DrawImage(this,222,222);" width="222" height="222">
    </a>
</li>

2、封装的js函数

//图片比例缩放控制
function DrawImage(ImgD, FitWidth, FitHeight) {
   var image = new Image();
   image.src = ImgD.src;
   if (image.width > 0 && image.height > 0) {
      if (image.width / image.height >= FitWidth / FitHeight) {
         if (image.width > FitWidth) {
            ImgD.width = FitWidth;
            ImgD.height = (image.height * FitWidth) / image.width;
         } else {
            ImgD.width = image.width;
            ImgD.height = image.height;
         }
      } else {
         if (image.height > FitHeight) {
            ImgD.height = FitHeight;
            ImgD.width = (image.width * FitHeight) / image.height;
         } else {
            ImgD.width = image.width;
            ImgD.height = image.height;
         }
      }
   }
}