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

 
更多

网页载入过程中自动调整图片的宽度,网页图片宽度自适应代码,具体代码如下:

<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>
打赏

本文固定链接: https://www.cxy163.net/archives/4303 | 绝缘体

该日志由 绝缘体.. 于 2013年05月23日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 网页载入过程中自动调整图片的宽度 | 绝缘体
关键字: , , , ,

网页载入过程中自动调整图片的宽度:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter