如何限制图片显示的大小?

niit_zc 2008-12-12 10:10:56
将图片放在div中,如果图片的高度或宽度超过div的高度或宽度,则将图片缩小到div的高度或宽度,
如果图片的高度和宽度小于div,则按图片的实际大小显示
应该怎么做?
...全文
141 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
mengxj85 2008-12-14
  • 打赏
  • 举报
回复
设Div Overflow属性
Robin 2008-12-14
  • 打赏
  • 举报
回复
用100%试试
yaazz 2008-12-14
  • 打赏
  • 举报
回复
直接将高宽固定不就得了
<img height="188" width="250" src="js_006.jpg" />
hongmaohouzi 2008-12-14
  • 打赏
  • 举报
回复
<script language=javascript>
<!--
function doImgOnload(img){
var maxWidth=40;
var maxHeight=20;
var width=img.width;
var height=img.height;

if( !(width>maxWidth || height>maxHeight) )return;

if( width/height >= maxWidth/maxHeight ){
img.width=maxWidth;
}else{
img.height=maxHeight;
}
}
//-->
</script>

<img src="aaa.jpg" onload="doImgOnload(this);">
xierfly 2008-12-14
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 hongmaohouzi 的回复:]
<script  language=javascript>
<!--
function  doImgOnload(img){
var  maxWidth=40;
var  maxHeight=20;
var  width=img.width;
var  height=img.height;

if(  !(width>maxWidth  ||  height>maxHeight)  )return;

if(  width/height  >=  maxWidth/maxHeight  ){
img.width=maxWidth;
}else{
img.height=maxHeight;
}
}
//-->
</script>
<img  src="aaa.jpg"  onload="doImgOnload(thi…
[/Quote]


============
推荐用这个
loverdotnet 2008-12-12
  • 打赏
  • 举报
回复
mark
wjq 2008-12-12
  • 打赏
  • 举报
回复
不好意思,写错了,是在body的onload里调用
wjq 2008-12-12
  • 打赏
  • 举报
回复
function ReImgSizeOne(imgobj)
{
var w=宽度上限;
if(imgobj==null)
return;
if(imgobj.width>w)
imgobj.width=w;
}

图片的img标签里加上ondblclick='ReImgSizeOne(this);'

62,269

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

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