限制图片显示大小的代码 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'>

要简介一点的代码
...全文
107 7 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
草原可可 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;}">
methebestlj 2008-11-27
  • 打赏
  • 举报
回复
楼上说的对

28,409

社区成员

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧