学习坊广告 网站建设咨询电话0711-3202220 、 QQ:215665888        将学习坊设为主页     广告赞助QQ:410899793     主页申请

动态设置图片等对象的显示

来源:网络 【www.cn0711.net】   作者:未知【学习坊转】 [字体: ]


该函数可以定制图片等对象在页中的显示。因为页某些位置需要动态加载的不同的图片,而其原本的尺寸、比例又未知,如果设置固定值(如width=50 height=50)又可能显示得变形,所以编写了一个函数以便调用。

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);
}
}

调用的页文件例子
<%
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>
</table>
</body>
</html>




 

录入:学习坊

查看对 动态设置图片等对象的显示 的评论 【 发表见解 】 【 查看见解 】 【 打印资料 】  
上一篇:js与applet的相互调用
下一篇:学习在JSP中使用JavaBeans
百度中>“动态设置图片等对象的显示”相关内容 google中>“动态设置图片等对象的显示”相关内容
雅虎中>“动态设置图片等对象的显示”相关内容 搜狗中>“动态设置图片等对象的显示”相关内容
中搜中>“动态设置图片等对象的显示”相关内容 爱问中>“动态设置图片等对象的显示”相关内容