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

（最后更新于） 分类: 技术文档 评论(0) 阅读(350) 赞(0)

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

PHP
1
2
3
4
5
6
7
8
9
10
11
12
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)' />即可。展示效果如下图：

除特别注明外，本站所有文章均为电信物联卡官网原创，转载请注明出处来自http://blog.21863.cn/post/217.html

赞一下 打赏 生成封面
JS控制图片等比例缩放(前台显示效果)很实用的哦！ bigger封面
  • 0 个人已赞
上一篇

下一篇

相关文章

参与评论