ASP.NET实现自适应图片大小的弹出窗口
来源:互联网 发布:新浪通达信软件 编辑:程序博客网 时间:2024/06/10 19:49
在最近的项目中,遇到一个问题,要实现这样的效果:
点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='<%#"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>
这里的PicUrl是页面pic_all.aspx中用来显示原图大小的,我用的是html控件,无论你用什么方法,反正就是要从数据库中读出图片的名称或是路径了。
function window.onload()
{
var obj=document.getElementById("PicUrl");
window.resizeTo(obj.offsetWidth + 127,obj.offsetHeight + 75);
}
</script>
obj.offsetWidth 得到的就是显示出来的原图的宽了,obj.offsetWidth + 127表示窗口在图片的宽度基础上再大127像素,因为要留一些空间用来实现图片的说明信息。
这样就可以实现弹出来的窗口既可以根据图片大小自动调整,而且又可以随意编辑弹出来的页面,因为弹出来的页面是一个指定页面,无论要编辑什么,都可以和平时处理页面一样处理了。
- ASP.NET实现自适应图片大小的弹出窗口
- ASP.NET实现自适应图片大小的弹出窗口(转)
- ASP.NET实现自适应图片大小的弹出窗口
- ASP.NET实现自适应图片大小的弹出窗口
- ASP.NET实现自适应图片大小的弹出窗口
- ASP.NET实现自适应图片大小的弹出窗口
- ASP.NET实现自适应图片大小的弹出窗口
- ASP.NET实现自适应图片大小的弹出窗口
- ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)
- ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)
- ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)
- ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)
- ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)
- ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)
- ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)
- ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)
- ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)
- ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)
- 我是怎么招聘程序员的
- ASP.NET中实现模版的动态加载
- 【新手必读】苹果Mac OS X的快捷键
- 7.2.3 分区管理
- 微软SerialPort秘籍,SerialPort为什么死锁程序的分析
- ASP.NET实现自适应图片大小的弹出窗口
- 7.3 使用parted进行分区管理
- 7.3.1 parted简介
- 7.3.2 parted交互模式
- 毕业5年决定你的命运 --------值得所有不甘平庸的人看看
- Form的标题栏外观
- 7.3.3 分区管理
- Asp.net中防止用户多次登录的方法
- 2009年最让人伤心的84句话