首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 ┆ 端午节祝福 ┆ 迅雷在线影视
设为首页
加入收藏
联系我们
高级搜索
您当前的位置: 主页>网站制作>WEB2.0>防止缩略图变形的代码
防止缩略图变形的代码
来源: 发布时间:2008-03-24 发布人: 浏览: 人次   字体: [ ]  

我们在首页提缩略图的时候会遇到有的是800×600图片还有600×800图片,如果我们把缩略图大小设置成固定大小,其中肯定有一个图会变形,下面代码可以帮你解决这个问题。
  下面代码可以加到网页的任何位置:  

以下为引用的内容:
<script language="JavaScript">
var flag=false;  

function DrawImage(ImgD,imageWidth,imageHeight) {
var image=new Image();

image.src=ImgD.src;  

if(image.width>0 && image.height>0){

flag=true;  

if(image.width/image.height>= imageWidth/imageHeight){  

if(image.width>imageWidth){

ImgD.width=imageWidth;  

ImgD.height=(image.height*imageWidth)/image.width;

}else{

ImgD.width=image.width;
ImgD.height=image.height;  

} }
else{
if(image.height>imageHeight){

ImgD.height=imageHeight;

ImgD.width=(image.width*imageHeight)/image.height;
}else{
ImgD.width=image.width;

ImgD.height=image.height;

} } } }

</script> 
  下面代码是图片设置:

以下为引用的内容:
<img src="<%=rs("pic")%>" border="0" onload="javascript:DrawImage(this,150,150) ;" />


相 关 文 章   发布商链接
·四步实现让你的站点在地址栏前面加上...
·上半年全球Web2.0投资增长7%
·Web2.0的商业模式:网络社区与嵌入式...
·DeDe 2007 新增标记功能说明小解
·什么是web3.0?web3.0时代离我们还有...
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·什么是web3.0?web3.0时代离我
·DeDe 2007 新增标记功能说明...
·Web2.0的商业模式:网络社区...
热 门 文 章
·四步实现让你的站点在地址栏...
·DeDe 2007 新增标记功能说明...
·什么是web3.0?web3.0时代离我...
·Web2.0的商业模式:网络社区...
·上半年全球Web2.0投资增长7%
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .