图片等比例缩放javascript

[u010148070]

图片等javascript比例缩放,网上看了例子都是function resizImg(objImg,sWidth,sHeight),objImg是要缩放的图片Img,sWidth是Img外面容器的宽度,sWidth是Img外面容器的高度，然后直接用img的onload="resiImg(this,100,100)",其实这样不科学。

例子：
下面图片是调用文章内页中的大图，比如大图900*600，大图缩放后是应该是300*200，Img外面容器的宽高是100*300。这造成了图片高度不够，宽度又太大了，所以不科学。

所以，看看大神们有没有更好的解决方案，小白我需要一个图片自适应缩放的，大神们求赐。

[暗淡亮点]

那你就设置100,300咯。有什么不科学的。

[KK3K2005]

自己计算科学的缩放因子

[u010148070]

1楼你要每个手动设置吗？ 就算你设100.300，那你又敢说其他图片不会变形吗？ 简直无语。。。。。。。 2楼 我算不出来，所以论坛讨论的，网上别人发那些简直乱七八糟的。

[一天要饭生活又开始啦]

function resizImg(objImg,sWidth,sHeight) { if(objImg.offsetWidth/objImg.offsetHeight > sWidth/sHeight) { objImg.parentNode.style.width = sWidth + 'px'; } }

[一天要饭生活又开始啦]

function resizImg(objImg,sWidth,sHeight) { if(objImg.offsetWidth/objImg.offsetHeight > sWidth/sHeight) { objImg.parentNode.style.width = sWidth + 'px'; } else { objImg.parentNode.style.width = sHeight + 'px'; } }

[一天要饭生活又开始啦]

错了，应该是 function resizImg(objImg,sWidth,sHeight) { if(objImg.offsetWidth/objImg.offsetHeight > sWidth/sHeight) { objImg.parentNode.style.width = sWidth + 'px'; } else { objImg.parentNode.style.height = sHeight + 'px'; } }

[天际的海浪]

width 与 height 只设置一个，另一边就按图片的原本比例自动适应了

[u010148070]

6楼：你这个干嘛设置图片外面容器的宽高呢？？？图片的容器都是固定的，还去设置。。。。。 7楼：可以实例一下吗？谢谢了 完整点。我好结贴了

[yongxiaofeiche]

提供另外一个思路，可以通过zoom值来控制图片显示的比例。先把外部的容器设置成溢出隐藏，页面加载后根据图片的大小和外部容器的大小计算显示的比例。这个，比7楼的要麻烦一些。用7楼的方法也要先判断一下图片的长宽比和外部容器的长宽比，来判断是设置图片的width还是height，另一个属性删掉就行了。

[就一个泡面]

我前天刚做的,后台代码获得图片的缩略图,在拼接成一个字符串,在前台输出.

[u010148070]

9楼：求代码，我是小菜。