问一个页面图片显示的问题

假设图片最长不能超过300，最高不能超过260，这些根据实际情况自己定!!
<img src="" width=300 height=260>(以此作为参考，看大图片比例缩放是否正确)<img src="navi.jpg" id="littleimg1" onload="ckscale(this,this.width/this.height)">
<br>
<img src="view1.bmp" id="littleimg2" onload="ckscale(this,this.width/this.height)">
<br>
<img src="view2.bmp" id="littleimg3" onload="ckscale(this,this.width/this.height)">
<SCRIPT LANGUAGE="JavaScript">
<!--
//注意这个比例系数
var scale=300/260
function ckscale(obj,argscale) {
if (!(obj.width<=300) && argscale>scale) {
obj.width=300;
obj.height=300/argscale;
} else if (!(obj.height<=260) && argscale<scale) {
obj.height=260;
obj.height=260*argscale;
}
}
//-->
</SCRIPT>

解决方案 »

  1.   

    你的意思是不要小图片不充满整个范围是吗?
    那可以用 style="background-image:no-repeat"
      

  2.   

    不行啊大的到是缩放回去了，但是小的还是充满画面，大的不得了
    还有：代码中的id="littleimg......"是什么意思？
      

  3.   

    libol你的方法是直接填到<img> 内么？我填上了还是不可以，小的放得很大，顺便说明一下：我的width = 400 height = 300
      

  4.   

    <IMG src="<%=downloadImageBase%>"  border=0>
    这就是我显示图片的部分 downloadImageBase的值是变化的，我从request中取到。按照你的方法我改成了：
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    //注意这个比例系数
    var scale=300/260
    function ckscale(obj,argscale) {
    if (!(obj.width<=300) && argscale>scale) {
    obj.width=300;
    obj.height=300/argscale;
    } else if (!(obj.height<=260) && argscale<scale) {
    obj.height=260;
    obj.height=260*argscale;
    }
    }
    //--><!--以上这些都写在上面了-->
    </SCRIPT>这是程序中的：
    <img src="<%=downloadImageBase%>" id="littleimg1"  height=300 width=400 onload="ckscale(this,this.width/this.height)">是不可以的。。
      

  5.   

    我试了一下挺好呀。
    <html>
    <body>
    <img src="1.jpg" width=300 height=260>
    <br>
    <img src="1.jpg" onload="ckscale(this,this.width/this.height)">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    //注意这个比例系数
    var scale=100/80
    function ckscale(obj,argscale) {
    if (!(obj.width<=100) && argscale>scale) {
    obj.width=100;
    obj.height=100/argscale;
    } else if (!(obj.height<=80) && argscale<scale) {
    obj.height=80;
    obj.height=80*argscale;
    }
    }
    //-->
    </SCRIPT>
    </body>
    </html>学了一招，谢了！
      

  6.   

    应该是
    <img src="<%=downloadImageBase%>" id="littleimg1" onload="ckscale(this,this.width/this.height)">
    把height=300 width=400 去掉
      

  7.   

    把height=300 width=400 去掉
      

  8.   

    呵呵 果然去掉了height 和　width就可以了 谢谢啦 结账！