JS控制图片等比例缩放的示例代码
2013-12-24 00:00
686 查看
<SCRIPT language="JavaScript"> 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; } } } } </script>
调用方法:
<a href="admin/<? echo $rscase['path']?>" target="_blank"><img src="admin/<? echo $rscase['path']?>" alt="点击放大图片" width="180" height="180" onload='javascript:DrawImage(this,180,);' hspace="3" vspace="3" border="0" /></a>
相关文章推荐
- JS控制图片等比例缩放的示例代码
- js 图片缩放(按比例)控制代码
- js控制图片的缩放代码示例
- js 图片缩放(按比例)控制代码
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- js控制图片等比例缩放
- \t\t用js控制页面图片等比缩放 css图片等比缩放 比例缩放显示 js 页面 缩放图片 js缩放图片 图片按比例缩放
- 按比例缩放图片的js代码
- JS图片等比例缩放方法完整示例
- js控制图片按比例缩放
- JS控制图片显示的大小(图片等比例缩放) --zt
- [JS]JS控制图片超过宽度自动缩小图片等比例缩放源代码实例
- javascript代码控制图片在页面显示时等比例缩放
- js 图片等比例缩放代码
- JS控制图片显示的大小(图片等比例缩放)
- js 图片等比例缩放代码
- JS控制图片按比例缩放并不超过一定宽度和高度(居中对齐)
- JS控制图片显示的大小(图片等比例缩放)