网页载入过程中自动调整图片的宽度

最新推荐文章于 2024-09-14 18:52:56 发布

libo_sina

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量536

点赞数

分类专栏： Javascrupt 文章标签： javascript image function html

Javascrupt 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

 
<html>
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<title>网页载入过程中自动调整图片的宽度</title>
 
</head>
 
 
 
<body>
 
<script language="javascript">
 
var flag=false;
 
function DrawImage(ckp){
 
    var image=new Image();
 
    image.src=ckp.src;
 
    if(image.width>0 && image.height>0){
 
        flag=true;
 
        if(image.width>120){
 
            ckp.width=120;
 
        }else{
 
            ckp.width=image.width;
 
        }
 
        ckp.alt=image.width+"×"+image.height;
 
    }
 
}
 
</script>
 
 
 
<img src="http://www.phpernote.com/images/logo.gif" border="0" onload="javascript:DrawImage(this);">
 
</body>
 
</html>