设为首页
加入收藏
联系我们
电脑入门 | 操作系统 | 工具软件 | 病毒安全 | 平面设计 | 媒体动画 | 网页制作 | 网络编程 | 数 据 库 | 服 务 器 | 程序设计 
认证考试 | 网管大全 | 站长CLUB | 游戏娱乐 | 机械电子 | 学院热门 | 热门源码 | 软件新闻 | 驱动下载 
您当前的位置:藏经阁资源站 -> 网络编程 -> NET专 区 -> 开发技巧 -> 教程内容 退出登录 用户管理
栏目导航
热门教程
· 劲舞团8K舞步 1.7最新舞步 魔神舞步
· [组图] 上网助手反间谍专家火热试用
· [组图] Win2000/XP/2003:系统万能Ghost全攻略
· [组图] Photoshop超酷海报效果
· [图文] 一分钟攻破ADSL 盗遍宽带密码1
· [组图] MATLAB 概 论
· AutoCAD二次开发语言及工具介绍
· [组图] Photoshop合成图:蛋壳-女孩
· [图文] 《仙剑奇侠传4》绝密情报 首度曝光
· [组图] 初学java常用开发工具介绍
· [图文] 将数码照片做成自动放映的Flash
· [图文] [常用]免费短信收发工具串串烧
· [图文] 《上古卷轴4》杂志扫描图抢先看
· 超全!Windows快捷键大全
· Pro/E 功能
· [组图] 用Pro/E画减速机渐开线斜齿圆柱齿轮的一般方法
· [组图] FLASH:《大话李白》创作全过程
· [组图] 使用Visual LISP创建简单的LISP应用程序
· 2004年计算机等级考试二级C语言试题及答案
· [图文] 信不信由你 KMPlayer隐藏着“雷电”
相关教程
· ASP.NET 点点通:如何利用输出流显示图片
· [图文] ASP.NET 2.0移动开发之列表控件
· [图文] ASP.NET定制简单的错误处理页面
· ASP.NET 2.0数据处理之高级分页与排序
· 实现asp.net只对个别控件实时访问数据库刷新数据
· [图文] ASP.NET 2.0 中的母版页详解
· ASP.NET 2.0 多文件上传小经验
· Asp.net2.0:如何使用ObjectDataSource(配合ORM)
· 在ASP.NET应用中插入flash动画
· [图文] ASP.NET2.0中的AccessDataSource控件
· ASP.NET 2.0: 页面中链入的CSS、js文件带中文时需注意..
· Asp.net给站点某目录增加Aspnet用户
· asp.net 2.0中预设的cookie
· ASP.Net防止刷新自动触发事件的解决方案
· ASP.net:Literal控件用法
· ASP.NET 2.0的视图状态持久性机制
· Asp.net取得页面执行时间的代码
· ASP.NET页面下载程序
· 在ASP.NET Atlas中创建自定义的Behavior
· asp.net连接Access数据库
ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)
作者:未知  来源:本站整理  发布时间:2006-8-14 14:58:53  发布人:admin

减小字体 增大字体

    在最近的项目中,遇到一个问题,要实现这样的效果:
点pic_small.Aspx页面的缩略图后弹出pic_all.aspx页面,pic_all.aspx页面的大小要根据图片大小自动调整,而且要有图片的说明信息,还可以点上一幅和下一幅等进行翻页。
实现过程如下:
pic_small.Aspx页面缩略图处的代码为:

<IMG id="imgPic" style="CURSOR: hand" border=0 height="95" onclick="ShowWindow(<%#DataBinder.Eval(Container.DataItem,"ID")%>)" src='http://dev.csdn.net/article/<%#"Images/Product/"+DataBinder.Eval(Container.DataItem,"PicUrl")%>' width="118" runat="server">


ShowWindow保存在OpenWindows.js文件中,内容如下:

function ShowWindow(id)
{
window.open('pic_all.aspx?ID=' + id,'_blank','Scrollbars=no');
}


以下代码即可实现点缩略图后弹出页面pic_all.aspx显示图片信息,下面要实现的是pic_all.aspx页面根据图片的大小自动调整。
把以下代码放在pic_all.aspx页面的<Head></Head>之间:

<script>
function window.onload()
{
var obj=document.getElementById("PicUrl");
window.resizeTo(obj.offsetWidth + 127,obj.offsetHeight + 75);
}
</script>


这里的PicUrl是页面pic_all.aspx中用来显示原图大小的,我用的是html控件,无论你用什么方法,反正就是要从数据库中读出图片的名称或是路径了。
obj.offsetWidth 得到的就是显示出来的原图的宽了,obj.offsetWidth + 127表示窗口在图片的宽度基础上再大127像素,因为要留一些空间用来实现图片的说明信息。
这样就可以实现弹出来的窗口既可以根据图片大小自动调整,而且又可以随意编辑弹出来的页面,因为弹出来的页面是一个指定页面,无论要编辑什么,都可以和平时处理页面一样处理了。

感谢 伯虎 提供整个实现过程的关键代码,要不是他的帮忙,今天我就完不成项目了,也就没有办法安心离开现在的公司了,在此对每一个热心帮助别人的朋友表示衷心的感谢,这就是为什么我会把项目中遇到的问题都写出来的原因,希望能给更多人一些帮助。
[] [返回上一页] [打 印] [收 藏]
下一篇教程:Tomcat+Jsp经典配置
∷相关教程评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论...]
 
Copyright © 2000-2006 18839.Com. All Rights Reserved .
EMAIL:webmaster@18839.com 联系QQ:63191918 苏ICP备05065193号 带宽支持:三九互联