asp + js 等比例控制图片大小 问题： 如果图片宽度大于500，则控制图片宽度为500
asp+js等比例控制图片大小问题：如果图片宽度大于500，则控制图片宽度为500，图片小于500则按原大小显示，保持图片不失真，同时保持比例，即高度不控制。网上好多方法...
asp + js 等比例控制图片大小 问题： 如果图片宽度大于500，则控制图片宽度为500，图片小于500则按原大小显示，保持图片不失真，同时保持比例，即高度不控制。网上好多方法都是要先知道原图片大小 ，但我的原图片大小未知，第一张都不固定。望达人指教，最好是给出一些参考代码。
先谢过了。 展开
先谢过了。 展开
3个回答
展开全部
其实最简单的代码如下：
<img src="demo.gif" onload="if(this.width>300)this.width=300">
或者
<img src="demo.gif" onload="this.width=Math.min(this.width,300)">
意思为：当图片的宽度大于300时，图片的宽度为则为300，当图片的宽度小于300时，图片的宽度为原图片宽度的。
<img src="demo.gif" onload="if(this.width>300)this.width=300">
或者
<img src="demo.gif" onload="this.width=Math.min(this.width,300)">
意思为：当图片的宽度大于300时，图片的宽度为则为300，当图片的宽度小于300时，图片的宽度为原图片宽度的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这边写了个js实现等比例缩放图片大小实例<html>
<head>
<script>
function changeSize()
{
var myimg=document.getElementById("compman");
if(myimg.width>500){
myimg.height=myimg.height*(500/myimg.width);
myimg.width=500;
}
}
</script>
</head>
<body>
<input type="button" onclick="changeSize()" value="Change size of image"><br><br>
<img id="compman" src="http://idea.tusea.com/app/wns/aa.jpg" >
</body>
</html>
<head>
<script>
function changeSize()
{
var myimg=document.getElementById("compman");
if(myimg.width>500){
myimg.height=myimg.height*(500/myimg.width);
myimg.width=500;
}
}
</script>
</head>
<body>
<input type="button" onclick="changeSize()" value="Change size of image"><br><br>
<img id="compman" src="http://idea.tusea.com/app/wns/aa.jpg" >
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不用asp，用JS即可
JS代码先获取到图片的高和宽
再来对比图片的宽与你设定的宽，并且按比例缩小高，如果此时的高还比你设定的高大，就把高改为你设定的高度，宽度不管。
你在网上搜JS图片比例，就能搜到好多类似的代码
JS代码先获取到图片的高和宽
再来对比图片的宽与你设定的宽，并且按比例缩小高，如果此时的高还比你设定的高大，就把高改为你设定的高度，宽度不管。
你在网上搜JS图片比例，就能搜到好多类似的代码
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
