動(dòng)態(tài)設(shè)置圖片等對(duì)象的顯示
發(fā)表時(shí)間：2024-02-08 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]該函數(shù)可以定制圖片等對(duì)象在網(wǎng)頁(yè)中的顯示。因?yàn)榫W(wǎng)頁(yè)某些位置需要?jiǎng)討B(tài)加載的不同的圖片，而其原本的尺寸、比例又未知，如果設(shè)置固定值（如width=50 height=50）又可能顯示得變形，所以編寫了一個(gè)函數(shù)以便調(diào)用。picset.js文件function SetObjSize(obj,w,h)var ...
該函數(shù)可以定制圖片等對(duì)象在網(wǎng)頁(yè)中的顯示。因?yàn)榫W(wǎng)頁(yè)某些位置需要?jiǎng)討B(tài)加載的不同的圖片，而其原本的尺寸、比例又未知，如果設(shè)置固定值（如width=50 height=50）又可能顯示得變形，所以編寫了一個(gè)函數(shù)以便調(diào)用。
picset.js文件
function SetObjSize(obj,w,h)
{
var newW,newH,r;
r=w/h;
imgObj = new Image();
imgObj.src = obj.href;
if ((imgObj.width !=0) && (imgObj.height !=0))
{
if ((imgObj.width > w imgObj.height >h) (imgObj.width < w && imgObj.height <h))
{
if ((imgObj.width)>r*(imgObj.height))
{
obj.height=imgObj.height*w/(imgObj.width);
obj.width=w;
}
else
{
obj.width=imgObj.width*h/(imgObj.height);
obj.height=h;
}
}
else
{
obj.height="100%";
bj.width="100%";
}
}
else
{
setTimeout("checkImg('" + theObj + "','"+w+"','"+h+"')", 100);
}
}
調(diào)用的網(wǎng)頁(yè)文件例子
<%
picfile=request("picfile")
%>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript" src="picset.js"></script>
</head>
<body>
<table align="center" width="100%" height="100%">
<tr>
<td colspan="2" align="center" height="100%" width="100%" >
<img name="myimg" src="<%=picfile%>" onload="SetObjSize(this,100,100)" >
</td>
</tr>
</body>
</html>
