在最近的项目中,遇到一个问题,要实现这样的效果:
点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>
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像素,因为要留一些空间用来实现图片的说明信息。
这样就可以实现弹出来的窗口既可以根据图片大小自动调整,而且又可以随意编辑弹出来的页面,因为弹出来的页面是一个指定页面,无论要编辑什么,都可以和平时处理页面一样处理了。
感谢 伯虎 提供整个实现过程的关键代码,要不是他的帮忙,今天我就完不成项目了,也就没有办法安心离开现在的公司了,在此对每一个热心帮助别人的朋友表示衷心的感谢,这就是为什么我会把项目中遇到的问题都写出来的原因,希望能给更多人一些帮助。
分享到:
相关推荐
\ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑).doc
asp.net 控件随着窗口大小按比例变化源码! 很值得下载看看!资源免费,大家分享!!
asp.net mvc 弹出窗口 技巧asp.net mvc 弹出窗口 技巧asp.net mvc 弹出窗口 技巧asp.net mvc 弹出窗口 技巧
ASP.net GridView双击事件,弹出一个窗口显示详细信息,模式窗口显示详细信息。
在 web应用中,比如OA中,经常要用到一些提示,比如EMAIL到达了,就做个象MSN那样的提示框,弹出给用户提示,然后再关闭。在ASP.net 2.0的ajax中,这个现在不难做到了,刚好看到老外的一篇文章,讲解到,下面小结之
asp.net(C#)里点击页面某一项,弹出对话框显示其详细信息,并可以设置自动关闭对话框的时间。
通常情况下,在asp.net做下载功能 只需要做成一个链接就可以了,但是对于图片这种情况,却不能那样实现,因为点击图片时,会在浏览器中直接打开。 这个项目中包含了图片下载的代码。请各位借鉴
1.实现上传图片功能 2.上传图片后将图片显示出来 3.获取上传后图片信息
主要为大家详细介绍了ASP.NET MVC实现图片上传、图片预览显示的相关资料,需要的朋友可以参考下
asp.net修改图片的大小
在ASP.NET中实现弹出窗口的所有用法
asp.net实现上传图片加水印asp.net实现上传图片加水印asp.net实现上传图片加水印asp.net实现上传图片加水印asp.net实现上传图片加水印asp.net实现上传图片加水印asp.net实现上传图片加水印
ASP.NET实现托盘消息,实现像qq那样在右下角弹出个小窗口 ;
ASP.NET JS弹出式窗口,简单,好用!弹出一个窗口,是一个新的页面!内有DEMO,看了就知道怎么用,超级简单
asp.net实现图片上传,支持多图上传,可预览,操作方便。
asp.net表单验证及artDialog弹出框源码。
asp.net core mvc 图片的处理、图片缩放 asp.net core mvc 图片的处理、图片缩放
asp.net 实现网页软键盘功能,asp.net源码,实现网页软键盘
ASP.NET源码——Asp.net弹出对话框控件汉化修正版.zip
磨叽了一下午的时间,终于把这个仿关机效果弹出式登录窗口给完成了……虽然还有一些些问题,比如浏览器不兼容……毕竟是用JS+AJAX+ASP.NET写得无刷新……是VS2005+ACCESS,解压缩后就可以运行…… 总之呢……我要个5...