在显示图片的时候如果通过代码控制图片的尺寸？？100分解决就结贴

upfor182 2005-09-07 02:22:01

在页面显示图片的时候如何通过代码控制？如果图片的长或宽大于200 则按比例调整到200
如果图片长或宽小于150 则按比例调整到200以内
<img src="../_image/g1.gif" width="？" height="？" >

...全文

221 16 打赏收藏转发到动态举报

写回复

用AI写文章

16 条回复

切换为时间正序

请发表友善的回复…

发表回复

ybfqlyq 2005-10-29

打赏
举报

高呢？？？沒注意到吧。。
樓上的代碼是不是都是穩定的呀？
我以前找到相關資料，但效果都不理想，用ONLOAD時網速慢的話，打開的時候圖片會原形顯示，刷新一下才行。用腳本的話，也差不多，現在我想用縮略圖替代了。
方法一：
<img src="<%=rs("image")%>" style="border:0px solid #6B6B6B" onload="javascript:if(this.width>this.height)this.width=120; else this.height=120;">
方法二：
<script language="javascript">

</script>

。。。。。。
<img src=<%=rs("image")%> style="border:0px solid #6B6B6B" onload="javascript:DrawImage(this);">

chuwanghui 2005-10-29

打赏
举报

ycj39120(浪中游)
浪中游厉害.解决了长期困扰俺的问题

顶起来

八哥 2005-10-24

打赏
举报

<img src=XXX.XXX name=im id=im >
<script language=vbscript>
Dim intWidth,intHeight
intWidth= Document.all("im").width
intHeight= Document.all("im").height
If intWidth>200 Or intWidth <150 Then
Document.all("im").width=200
Document.all("im").height=intHeight * 200 /intWidth
End if
</script>

script放在IMG元素的后面

zhounull 2005-10-24

打赏
举报

<img src=image/pic.gif" onload="javascript:if(this.width>200) this.width=200">
这句绝对正确

qianger88 2005-10-24

打赏
举报

<img id="stefli" src="bookpic/20044292214152302.jpg" border=0 onload="javascript:if(this.width > 150){this.width=150;this.height=this.width/150*this.height;}if(this.height > 155){this.height=155;this.width=this.height/155*this.width}">

属性ID必须存在。

ycj39120 2005-09-07

打赏
举报

看俺的，还直接一些
<img src=image/pic.gif" onload="javascript:if(this.width>200) this.width=200">

zwrtv 2005-09-07

打赏
举报

jingxiaoping 2005-09-07

打赏
举报

这是我写的，已经经过测试了，没有问题。

JS部分：
<script language="javascript">
function RatImg(Img,blw,blh)
{
var i=Img.width;
var j=Img.height;

if (i>blw)
{
var zjbl1=blw/i;
var zjbl2=blh/j;
if (zjbl1<zjbl2)
{
zjbl=zjbl1;
}
else
{
zjbl=zjbl2;
}
i=i*zjbl;
j=j*zjbl;
}
else
{
if (j>blh)
{
zjbl=blh/j;
j=blh;
i=i*zjbl;
}
}

Img.width=i;
Img.height=j;
}
</script>

调用部分：
<img src="<%=picsmall%>" onload="RatImg(this,400,380)" id="img" border="0">

上面的400和300分别就是WIDTH和HEIGHT。例子可以去http://www.zkjcn.com/down中的图片下载部分查看。

zhanghongwen 2005-09-07

打赏
举报

最重要的是按比例来,二楼的应该可以实现!

zhanghongwen 2005-09-07

打赏
举报

长和宽就是规定了这么多,不够拉长,长了缩小.不明白你是么子意思

大猫钓鱼 2005-09-07

打赏
举报

你可以看看我写的这篇文章。

http://blog.csdn.net/brothercat/archive/2005/08/11/451254.aspx

要源码就将email通过留言给我。

cjb0430 2005-09-07

打赏
举报

<img name="a" src="" >
<script language=javascript>
if (document.all.a.width>200 || document.all.a.width<150)
{
document.all.a.width = 190;
}
if (document.all.a.height>200 || document.all.a.height<150)
{
document.all.a.height= 190;
}

大概这个样子我没测试不过你按这样方法做吧

upfor182 2005-09-07

打赏
举报

问题是我如何得到这图片的长和宽啊？~

hbhbhbhbhb1021 2005-09-07

打赏
举报

你不是写了吗
<img src="../_image/g1.gif" width="200" height="200" >

fantiny 2005-09-07

打赏
举报

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>
</BODY>
<INPUT TYPE="file" id="file1" onchange="View()">
<DIV id="div1"></DIV>
<BODY>
</HTML>

自己修改下，应该看得懂吧。比例算下就可以了。

hbhbhbhbhb1021 2005-09-07