方法一:
<img src="demo.gif" onload="if(this.width>300)this.width=300">
或者
<img src="demo.gif"
onload="this.width=Math.min(this.width,300)">
方法二:
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>VML矢量化缩小图形与直接缩小的效果比较</title>
<style>
f\:*{behavior:url(#default#vml)}
</style>
<script>
function vImg(){
//VML代码原型,其中{width},{height}和{src}是要用图片的图片的实际//参数替换的,加上大括号是为了查找替换的方便
var vml='<f:Image style="WIDTH: {width}px; HEIGHT: {height}px" src = "{src}" \/>'
with(event.srcElement){
//取图片宽度和分辨率宽减500两者的最小值赋给变量w
var w=Math.min(width,screen.width-500)
/*图片高度也要用相应倍率的改变,VML里不象HTML里,只定义宽或高之一就行了,VML里必须宽和高都定义*/
var h=height*w/width
//将图片的HTML代码替换为VML输出的代码
outerHTML=vml.replace("{width}",w).replace("{height}",h).replace("{src}",src)
}
}
</script>
</head>
<body>
<img onload="vImg()" src="http://file.flash8.net/2003up/2003/6/21/20036212127433660.jpg">
<img src="http://file.flash8.net/2003up/2003/6/21/20036212127433660.jpg" style="this.width=Math.min(this.width,screen.width-500)">
</body>
</html>
更多的如何让大图片自动缩放到指定大小请到论坛查看: http://BBS.TC711.COM
【 双击滚屏 】 【 评论 】 【 收藏 】 【 打印 】 【 关闭 】
来源:
互联网
日期:2006-9-28