当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 又一个图片自动缩小的JS代码

Javascript
总结一些js自定义的函数
与ClientWidth有关的一点资料
对联广告 flash版
连接文字不停变色
一条一条新闻向上的滚动 不错
Ctrl + Enter提交前检测的代码
对联广告 可关闭
一些很实用且必用的小脚本代码
巧妙破除网页右键禁用的十大绝招
实用javaScript技术-屏蔽类
静态的动态续篇之来点XML
显示行号的文本输入框
仿DVBBS下拉菜单效果 修正无错
移到这里,就会自动点击
让iframe框架网页在任何浏览器下自动伸缩
[原创]用srcElement实现添加效果
Javascript客户端脚本的设计和应用
解决 FireFox 下[使用event很麻烦] 的问题.
打字效果
简单的防盗链功能代码(iframe)

Javascript 中的 又一个图片自动缩小的JS代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 140 ::
收藏到网摘: n/a

<script language="JavaScript">
<!--
var flag=false;
function DrawImage(ImgD){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= 180/110){
if(image.width>180){
ImgD.width=180;
ImgD.height=(image.height*110)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
/*ImgD.alt="bigpic" */
}
else{
if(image.height>110){
ImgD.height=110;
ImgD.width=(image.width*110)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
/*ImgD.alt="bigpic" */
}
}
}
//-->
</script>

图片使用的地方:
<img src="图片" border=0 width="180" height="110" onload="JavaScriptrawImage(this);">
width="180" height="110" 注意这里最好限定,如果不限定加载图时会成原大,然后再缩小,这个过程如果图大了很难看的.这里是宽度和高度,在前面的JS里改,这里也作相应的改.