仰天一笑

像当年我就为了这个烦了很久。

  回复  引用  查看    

收藏.

^_^
  回复  引用    

按比例缩放的，分享一个我写的
<script language="javascript">
function changeImg(mypic){
var xw=160;
var xl=180;

var width = mypic.width;
var height = mypic.height;
var bili = width/height;

var A=xw/width;
var B=xl/height;

if(!(A>1&&B>1))
{
if(A<B)
{
mypic.width=xw;
mypic.height=xw/bili;
}
if(A>B)
{
mypic.width=xl*bili;
mypic.height=xl;
}
}
}
</script>
<img src="sh180.jpg" onload="changeImg(this)">

不过后来发现，只要在img中只指定一个width或者一个height属性，可以自动实现按比例缩放，如：<img src="sh180.jpg" width="100" />，这样的话就可以固定宽为100，然后高按比例自动缩放了。
  回复  引用  查看    

方法是不错，只可惜不支持Firefox。语句“imageObject.readyState”执行时，Firefox始终返回undefined。以前也曾这样写过，但firefox过不了，只好在注册脚本调用了。
  回复  引用  查看    

指出一个 bug
如果 img 的 src 为一个 gif动画,那么你的 changeImg 函数会永远重复执行
详见：http://www.cnblogs.com/ashun/archive/2006/12/19/ie-gif-image-onload-bug.html


  回复  引用  查看    

<img src="" onload="if(width>100)width-100" />
:)
  回复  引用    

@星期零[匿名]
1、感谢你的分享
2、<img src="sh180.jpg" width="100" />，这样的话就可以固定宽为100，但是他会把图片样式改变的很难看，所以才出现按比例缩放图片的

@有容乃大
浏览器兼容是个头疼的问题，研究...

@Go_Rush
感谢，学习，已拜读

@skyover
简洁处理方式，实现图片大小控制的，但是通用性不是很强 :)

  回复  引用  查看    

值得研究。。。
  回复  引用  查看    

分享一下我的：

function SetSize(obj, width, height)
{
myImage = new Image();
myImage.src = obj.src;
if (myImage.width>0 && myImage.height>0)
{
var rate = 1;
if (myImage.width>width || myImage.height>height)
{
if (width/myImage.width<height/myImage.height)
{
rate = width/myImage.width;
}
else
{
rate = height/myImage.height;
}
}
if (window.navigator.appName == "Microsoft Internet Explorer")
{
obj.style.zoom = rate;
}
else
{
obj.width = myImage.width*rate;
obj.height = myImage.height*rate;
}
}
}

用法：


<img src="img/offer/41936519.jpg" border="0" style="zoom: 0.1" onload="SetSize(this, 80, 60)"/>

这种方法在IE、FIREFOX、OPERA、NETSCAPE测试都适用。
  回复  引用    

@蛐蛐[匿名]
感谢您的分享
  回复  引用  查看    

非常感谢！我找了好长时间才找到一个完美的。再次感谢
  回复  引用