JS控制图片等比例缩放(前台显示效果)很实用的哦！

　　最近在做一个网站的时候列表页用到图片等比例显示的问题，由于是列表页就要考虑到多个图片了！之前写过一个“js图片自适应大小,使用js控制图片显示大小”也是js控制图片缩放的，可是之前那个控制的是一个图片的，而现在需要的是多个图片，不想自己整了就在网上找到一个不错的代码，可以很好的防治图片变形；收留下分享于此！

function AutoResizeImage(objImg){
var img = new Image();
img.src = objImg.src;
var w = img.width;
var h = img.height;
var Ratio= w/h;
if (Ratio&gt;1){
objImg.width = 150;  //如果图片宽度大于高度，控制宽度，高度自适应缩放
}else{
objImg.height = 150; //如果图片高度大于宽度，控制高度，宽度自适应缩放
}
}

function AutoResizeImage(objImg){

var img = new Image();

img.src = objImg.src;

var w = img.width;

var h = img.height;

var Ratio= w/h;

if (Ratio>1){

objImg.width = 150; //如果图片宽度大于高度，控制宽度，高度自适应缩放

}else{

objImg.height = 150; //如果图片高度大于宽度，控制高度，宽度自适应缩放

}

然后图片引用位置写上<img src='地址' onload='AutoResizeImage(this)' />即可。展示效果如下图：

JS控制图片等比例缩放(前台显示效果)很实用的哦！

万恶的百度快照！想说爱你不容易

无题之作

参与评论

快速导航

JS控制图片等比例缩放(前台显示效果)很实用的哦！

分享本文封面

相关文章

参与评论

登录

快速导航