限制图片显示大小的代码 40分

cp713 2008-11-27 11:35:43

如图片大于 300 300 就显示300 300
如果100 100就按照原图显示

下面的方法不太理想因为有时候成功多刷新几下有时候失败了图片撑的很大
<IMG src="../admin/up-moni/<%Response.Write(rs("图1"))%>" border=0 onload='javascript:if(this.width>300)this.width=300;if(this.height>300)this.height=300'>

要简介一点的代码

...全文

66 点赞收藏 7

写回复

7 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

草原可可 2008-11-27

写个判断下楼上的因该可以了

回复赞

anjing5566 2008-11-27

<IMG src="../admin/up-moni/ <%Response.Write(rs("图1"))%>" border=0 onload='javascriptdrawImage(this,300,300)>
错了，改成

<IMG src="../admin/up-moni/ <%Response.Write(rs("图1"))%>" border=0 onload='drawImage(this,300,300)'>

回复赞

anjing5566 2008-11-27

function drawImage(ImgD,widthStr,heightStr){ 

	var image=new Image(); 

	image.src=ImgD.src;

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

		if(image.width/image.height>= 1){ 

			if(image.width>widthStr){

   				ImgD.width=widthStr; 

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

  			}else{ 

  			 	ImgD.width=image.width;

   				ImgD.height=image.height; 

  			}

		}else{ 

  			if(image.height>heightStr){

   				ImgD.height=heightStr; 

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

  			}else{ 

   				ImgD.width=image.width;

   				ImgD.height=image.height; 

  			} 

		} 

	}

}

调用
<IMG src="../admin/up-moni/ <%Response.Write(rs("图1"))%>" border=0 onload='javascriptdrawImage(this,300,300)>

回复赞

cyqlightrain 2008-11-27



<div style="width:300px;height:300px;overflow:hidden;">

    <IMG src='../admin/up-moni/ <%Response.Write(rs("图1"))%>' border=0 onload='drawImage(this,300,300)'> 

</div>

回复赞

cp713 2008-11-27

问题是经常碰到比固定大小要大的图片
用onload有时候不一点成功
好像网速慢影响onload

回复赞

craft001wen 2008-11-27

改一下楼主的代码
楼主注意,固定图片,只要以宽或者高,就可以了,不要全部固定
改成下面,肯定可以
<IMG src="../admin/up-moni/ <%Response.Write(rs("图1"))%>" border=0 onload="javascript:if(this.width>300){this.width=300;}">

回复赞