动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
  
   Jsp → 阅读文章

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

作者来源: 
阅读 1371 人次 , 2006-3-29 4:24:00 


该函数可以定制图片等对象在网页中的显示。因为网页某些位置需要动态加载的不同的图片,而其原本的尺寸、比例又未知,如果设置固定值(如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>

 
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:打印时能够分页打印的CSS控制参考
· 下一篇:JSP避免Form重复提交的三种方案
· JSP中的TagLib应用(2)
· JSP实践要点
· JAVA/JSP学习系列之十二
· 建立JSP操作以提高数据库访问的效率
· 用JSP创建可重用的图形背景


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077