如何对图片大小进行限制?

chenxinjian007 2010-09-27 03:05:53
为什么我用CSS

img {
max-width: 300px;
max-Height: 500px;
width:expression(this.width > 254 ? "300px" : this.width);
Hight:expression(this.Hight > 500 ? "500px" : this.Height);
overflow:hidden;
}

这样控制控制不了图片的大小呢?

还有其他办法对图片进行大小控制的吗?
...全文
246 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
chenxinjian007 2010-10-21
  • 打赏
  • 举报
回复
谢谢大家的方法,很好

结贴!
zcxverygood123456 2010-09-28
  • 打赏
  • 举报
回复
System.Drawing.Image myImage = System.Drawing.Image.FromFile(Request.PhysicalApplicationPath+cccc[ "cp_images"].ToString());
if(myImage.Width>myImage.Height&&myImage.Width>500)
{
Image1.Width=500;
Image1.Height=myImage.Height*500/myImage.Width;
}
else if(myImage.Width<myImage.Height&&myImage.Height>500)
{
Image1.Height=500;
Image1.Width=myImage.Width*500/myImage.Height;
}
else
{
Image1.Width=myImage.Width;
Image1.Height=myImage.Height;
}

  • 打赏
  • 举报
回复
[Quote=引用 3 楼 wuyq11 的回复:]

等比例缩放图片
<script language="JavaScript">
var flag=false;
function DrawImage(ImgD,iwidth,iheight){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
……
[/Quote]

BIRD72sky 2010-09-28
  • 打赏
  • 举报
回复
你这个写法很不错啊,哈哈,我没想到呢,一般我都直接写在图片里,学习!
fellowcheng 2010-09-28
  • 打赏
  • 举报
回复
function ResizeImage(ImgD, w, h) {
var image = new Image();
image.src = ImgD.src;
if (image.width > 0 && image.height > 0) {
flag = true;
if (image.width / image.height >= w / h) {
if (image.width > w) {
ImgD.width = w;
ImgD.height = (image.height * w) / image.width;
} else {
ImgD.width = image.width;
ImgD.height = image.height;
}
//ImgD.alt=image.width+"×"+image.height;
}
else {
if (image.height > h) {
ImgD.height = h;
ImgD.width = (image.width * h) / image.height;
} else {
ImgD.width = image.width;
ImgD.height = image.height;
}
//ImgD.alt=image.width+"×"+image.height;
}
}
ImgD.style.display = "inline";
}
aysunzheng 2010-09-28
  • 打赏
  • 举报
回复
我晕,直接设宽高就行了吧,用这么麻烦?
wang_zhao_ai1215 2010-09-28
  • 打赏
  • 举报
回复
把图片放在div里面,设置层的大小就可以了
wwfgu00ing 2010-09-28
  • 打赏
  • 举报
回复
<img src="img/me.jpg" onload="javascript:if(this.width>200)this.width=200;" >
wuyq11 2010-09-27
  • 打赏
  • 举报
回复
等比例缩放图片
<script language="JavaScript">
var flag=false;
function DrawImage(ImgD,iwidth,iheight){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>iheight){
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}

}
}
cpp2017 2010-09-27
  • 打赏
  • 举报
回复
如果是ie,你的写法应该是可以的.
  • 打赏
  • 举报
回复
div包住图片,对div进行css控制

62,272

社区成员

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

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

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

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