能不能就用JS实现图片自动按比例缩放？

那就window.onload = function(){这里设置咯}

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

哦忘记了 window.onload 和 body.onload的关系了
lz想要怎么样的？刚开始载入就是按照你所想要的比例是吗
http://www.baidu.com/s?wd=JS%CA%B5%CF%D6%CD%BC%C6%AC%D7%D4%B6%AF%B0%B4%B1%C8%C0%FD%CB%F5%B7%C5&cl=3
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK:支持民族工业,尽量少买X货</title>
<script>
function setMaxHeight(imgObj,maxHeight){
if(imgObj.offsetHeight>maxHeight) {
imgObj.height=maxHeight;
imgObj.removeAttribute('width');
}
}
</script>
</head>
<body>
<div style="font-size:10pt;">
注1：设定图片的最大宽度或高度，同时保证图片比例。 <br/>        <br/>
注：本页面仅在IE6/FireFox1.5下测试过。其它浏览器或其它版本未经测试。<br/>
注-----：JK：<a href="mailTo:[email protected]?subject=About IMG">[email protected]</a><br/>
<hr/>
</div><IMG id="big_img2"
src="20060925132517e9cb7.gif" width="200" onload="setMaxHeight(this,300);">
</body>
</html>
偶的意思是说我这里有这个网站，但所有文件只能允许我加上这类型的代码
<SCRIPT src="xxx.js" type=text/javascript></SCRIPT>别的都不能动，请问怎么实现我要的功能，楼上几个例子好像都要动别的代码的？？？
在想：xxx.js里怎么能得到“按比例”的“比例”是多大？
也在想：xxx.js里怎么能得到哪些图片要“按比例缩放”？
可以在body里onload实现这个效果，怎么不能不用onload就自动执行这个JS呢？
只知图标是img标签，没ID，没CLASS，图片有好多张，只可以将大于一定尺寸的改小，没超标的，不可以动
或则用getElementsByTagName来取图片对象
再用路径来判断是不是需要调整的那些图片
再判断高度长度属性有没有超标？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>例子</title>
<script type="text/javascript">
</script>
</head>
<body>
<img src="1.jpg" width="300" height="500" />
<img src="2.jpg" width="400" height="600" />
<script type="text/javascript">
function Show(width)
{
    var imgs = document.getElementsByTagName("img");
    for(var i in imgs)
    {
        if(imgs[i].width > width)
        {
            imgs[i].height = imgs[i].height/imgs[i].width*width;
            imgs[i].width = width;
        }
    }
}
Show(100);
</script>
</body>
</html>是不是这样子
也可以在1.js中function Show(width)
{
    var imgs = document.getElementsByTagName("img");
    for(var i in imgs)
    {
        if(imgs[i].width > width)
        {
            imgs[i].height = imgs[i].height/imgs[i].width*width;
            imgs[i].width = width;
        }
    }
}然后在html中<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>例子</title>
<script type="text/javascript">
</script>
</head>
<body>
<img src="1.jpg" width="300" height="500" />
<img src="2.jpg" width="400" height="600" />
<script type="text/javascript" src="1.js"></script>
<script type="text/javascript">
Show(100);
</script>
</body>
</html>脚本一定要在所有图片后面因为你不想用onload 所以如果没放在所有图片后面的话不会执行的
楼上的代码我用了，好像有个问题，是不是设置了width 和 height的图片就无效了？
我再测试一下，不是，设了width 和 height也行的。看来是我的网站问题了
对于有没有设置width height的图片都有效
区别在于
你如果在<img></img>没设置width height的话那么图片的width height和实际大小一样如果设置了就是你的设置的值而代码的width和height就是根据    图片的width和height来进行变化（也就是说如果你在<img></img>没设置的话这个值就是原始大小的值否则就是你设置的值）
楼上的朋友，可以加我QQ吗？我的网站用这代码没效果，可以给我看看吗？我QQ是：8089501谢谢