阅读文章

按比例微缩图片的一段小小的JS代码

[日期：2006-10-29]

来源：作者：

[字体：大中小]

自己写的一个非常简单的图片微缩JS代码，当然网上有很多类似的代码，在此确实是献丑了。
主要方法写在SetImgSize.js里面

1 //智能微缩图片JS方法
2 //参数：imgID（图片的标识ID）
3 //参数：maxWidth（图片的最大宽度，值为0则表示不限制宽度）
4 //参数：maxHeight（图片的最大高度，值为0则表示不限制高度）
5 function setImgSize(imgID,maxWidth,maxHeight)
6 {
7     var img = document.images[imgID];
8     if(maxWidth < 1)
9     {
10         if(img.height > maxHeight)
11         {
12             img.height = maxHeight;
13         }
14         return true;
15     }
16     if(maxHeight < 1)
17     {
18         if(img.width > maxWidth)
19         {
20             img.width = maxWidth;
21         }
22         return true;
23     }
24     if(img.height > maxHeight || img.width > maxWidth)
25     {
26         if((img.height / maxHeight) > (img.width / maxWidth))
27         {
28             img.height = maxHeight;
29         }
30         else
31         {
32             img.width = maxWidth;
33         }
34         return true;
35     }
36 }

功能实现原理是在图片加载完毕后（onload事件）用JS实现微缩。
下面是一个测试用的文件test.htm

test.htm

就写到这里了，呵呵，是不是很简单啊！
源码下载 SetImgSize.rar

阅读：次
录入：blue1000

【评论】【推荐】【打印】

上一篇：解决div总是被select遮挡的问题
下一篇：js操作listbox

zhichi (a ,2006-12-28 )

支持 (a ,2006-11-29 )

发表评论