js按比例放大缩小图片
2014-12-09 14:21
363 查看
//计算图片显示大小
function calculatePic(maxWidth,maxHeight,objImg){
var w = objImg.width;
var h = objImg.height;
var Ratio = h/w;
Ratio = Ratio.toFixed(2);
if(Ratio>=1){//竖放
objImg.width = maxWidth;
objImg.height = maxWidth*Ratio;
}else{//横放
objImg.height = maxHeight;
objImg.width = maxHeight/Ratio;
}
}
在jsp页面上
<img onload="calculatePic(200,160,this)" src="图片地址"/>
function calculatePic(maxWidth,maxHeight,objImg){
var w = objImg.width;
var h = objImg.height;
var Ratio = h/w;
Ratio = Ratio.toFixed(2);
if(Ratio>=1){//竖放
objImg.width = maxWidth;
objImg.height = maxWidth*Ratio;
}else{//横放
objImg.height = maxHeight;
objImg.width = maxHeight/Ratio;
}
}
在jsp页面上
<img onload="calculatePic(200,160,this)" src="图片地址"/>
相关文章推荐
- JS+style实现动态设置图片高宽 升级 按比例缩小图片高宽 (9月24日修改)
- js+css图片自动等比例缩小且垂直居中
- JS网页图片查看器-可控制图片放大缩小还原移动效果
- JS网页图片查看器-可控制图片放大缩小移动|兼容IE、FF
- js+css图片自动等比例缩小且垂直居中
- 转:js图片放大缩小
- js图片放大缩小
- js比例缩小显示图片
- js技术图片加载并按比例缩小到合适大小
- js动态放大缩小图片
- .Net上传图片按比例自动缩小或放大
- js比例缩小显示图片
- js图片放大缩小
- JS网页图片查看器-可控制图片放大缩小还原移动效果
- .Net中上传图片按比例自动缩小或放大
- .Net中上传图片按比例自动缩小或放大
- JS网页图片查看器-可控制图片放大缩小移动|兼容IE、FF
- 图片会自动按比例缩小(js版和css版)
- .net上传图片按比例自动缩小或放大