img 图像大小 可变

[azaqxsw3]

要在页面显示的图片的标签 为
<img src='" + s_pic2.InnerXml.ToString() + "' width=\"500px\" height=\"300px\"/>"


其中 s_pic2.InnerXml.ToString() 为通过webservice 获取的 图片的 http地址 ，这样获取的图片有的大有的小

我想让它大于 500*300时 以 500*300 显示，小于 500*300时 则原样显示 ，控制方法最好就写在 img 标签里

[koukoujiayi]

<img src="images/sj.gif" onload="test(this)"/>

js:
function test(obj) {
if (obj.width >= 500) {
obj.width = 500;
obj.height = 300;
}
}

[liansen]

不错，谢谢楼主，学习了

[azaqxsw3]

不能用js啊判断的逻辑直接写在 img 标签里

[koukoujiayi]

[Quote=引用 3 楼 azaqxsw3 的回复:]
不能用js啊判断的逻辑直接写在 img 标签里
[/Quote]
html代码就是可以加入js的!!
楼主先做一下我给你静态的!,然后在做动态的!!

[azaqxsw3]

<img src="images/sj.gif" onload="test(this)"/> 我是要写到数据库里的，难道

<script type="text/script"> function test(obj) {
if (obj.width >= 500) {
obj.width = 500;
obj.height = 300;
}
}<script>


也要写到数据库里吗

[xray2005]

<img src='" + s_pic2.InnerXml.ToString() + "' onload="if(this.width>500) this.width=500;if(this.height)>300 this.height=300;"/>

[azaqxsw3]

谢谢楼上了

[flyerwing]

JS好象可以满足需求的了

[azaqxsw3]

6 楼的也不行 ，6楼的方法 还是是原样显示图片了

[wuyq11]

<script language="JavaScript">
var flag=false;
function DrawImage(ImgD){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= 140/120){
if(image.width>140){
ImgD.width=140;
ImgD.height=(image.height*140)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
else{
if(image.height>120){
ImgD.height=120;
ImgD.width=(image.width*120)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
</script>
onload="javascript:DrawImage1(this)">
使用地址获取图片，缩略图

[azaqxsw3]

这个是没有办法写在 img 标签里的

[蛮大人LT]

...............

[huangwenquan123]