|
|
 |
| 网站建设文章-->正文 |
| JS等比例缩放图片代码 |
| 时间：2008-10-17 来源：数据时代 作者： 数据·会心 |
不需要使用程序得到页面中图片的大小，只需要一个js函数就可以实现图片的等比例缩放，假如您的编辑器中上传图片的时候没有控制，那么可以使用replace函数进行替代：
replace(变量,"<IMG","<IMG onload='javascript:if(this.width>460) this.width=460;'")
第一种方法
<img src="pic.jpg" onload="javascript:if(this.width>460) this.width=460;" border="0">
这种方法在图片加载过多时，会出现问题，图片来不及缩放
=========================================================================
第二种方法
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>js等比例缩放图片</title>
</head>
<script type="text/javascript">
function pic(){
var p=document.getElementsByTagName("img");
for(var i=0;i<p.length;i++){
pp=p[i];
var pw = pp.width;
var ph = pp.height;
if((150/240)>(pw/ph)){
pp.style.width = "auto";
pp.style.height = "240px";
}
if((150/240)<(pw/ph)){
pp.style.width = "150px";
pp.style.height= "auto";
}
}
}
</script>
<body onLoad="pic()">
<IMG height=500 src="http://www.sjera.com/pic_name.jpg" width=314>
<IMG height=432 src="http://www.sjera.com/pic_name.jpg" width=552>
</body>
</html> |
| 热门关键词：网站建设 | 网站优化 | 网站维护 | 自助建站 | 域名 | 虚拟主机 | 企业邮局 | 数据时代 |
|
客服8001