首页 美女贴图 网络日记 重庆租房 搜索指南 网络电视 飘网音乐 飘网博客 精彩网址 友情链接 飘网地图 本站留言
飘网中国
专题:网络营销 | 网站设计 | QQ技巧 | 搜索优化 | 菜鸟进阶 | 病毒攻防 | 网络技术 | 系统应用 | 本站作品 | 常用软件 | 工具软件 |
飘网中国>>网站设计>>正文

JAVAScript如何实现图片等比缩放

编辑:飘网 来源: 更新:2007-1-11 点击:
【字体:

摘要:JAVAScript如何实现图片等比缩放!
关键字:JAVAScript 图片缩放 
正文:
以下是代码片段:
<script language="JavaScript">
<!--
//图片按比例缩放
var flag=false;
function DrawImage(ImgD){
var image=new Image();
var iwidth = 160; //定义允许图片宽度,当宽度大于这个值时等比例缩小
var iheight = 120; //定义允许图片高度,当宽度大于这个值时等比例缩小
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){ 
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width; 
ImgD.height=image.height;
}

ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>iheight){ 
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height; 
}else{
ImgD.width=image.width; 
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
}

//调用:<img src="图片" onload="javascript:DrawImage(this)">
//-->
</script>

<img src=”图片” onload=”javascript:DrawImage(this)”>

onload=”javascript:DrawImage(this)” 
这句增动你要缩小的图片的<img  />中

再把上面的函数加到
<head>
</head>
之间就可以了!

var iwidth = 160; //定义允许图片宽度,当宽度大于这个值时等比例缩小
var iheight = 120; //定义允许图片高度,当宽度大于这个值时等比例缩小
这两个值是限制图片最大的宽度或高度,自己需要多大就改为多大 

上一篇:免费解决电信,网通,铁通,联通等互联互通问题的软件
下一篇:用JavaScript制作一个通用的Blink效果
最新文章 更多
推荐文章 更多
热门文章 更多
© 2005-2010 飘网中国 版权所有
站长邮箱:①LCC-749AT163.com ②FlymornATgmail.com(AT改为@)
如转载时,请注明出处;本站部分资源来自网络,如有侵权,请来信说明;飘易文章系统 HTML版.
渝ICP备05000119号