All articles| All Pictures| All Softwares| All Video| Go home page| Write articles| Upload pictures

Reading number is top 10 articles
delphi设置代码模板
asp.net1.1,开发专用模板类_[Asp.Net教程]
SQL Server 对文件内容进行全文检索的查询_[SQL Server教程]
网页申请表单用户体验设计简述_[Html教程]_0
分析一下网页子窗口和网页父窗口的交互_JavaScript技术_编程技术
SQL注入技术和跨站脚本攻击的检测_[SQL,Server教程]
在ASP.NET中使用AJAX的简单方法_.net资料_编程技术
ASP.NET,Atlas简单控件介绍之界面控件_[Asp.Net教程]
SQL Server和Oracle常用函数区别_[SQL Server教程]
XHTML代码的基本应用_[Html教程]
Reading number is top 10 pictures
影评-疯子,我爱你
Exquisite decoration is not paying too much1
王艳写真温柔如水1
The Soviet union swimsuit exposure in the 70 year3
The money of more than 100 countries and regions1
牛奶和人奶哪个好?
刘亦菲写真集2
Summer is most suitable for young people to travel in China2
这年头,找个靠谱的妹子太难了
Sora aoi in China3
Download software ranking
Boxer vs Yellow5
小黑猫大战两米大花蛇
C#编程思想
linux高级编程
天龙八部最新服务端
Boxer vs Yellow1
传奇私服架设教程
Boxer's Top ten classic battle4
变速齿轮3.26
Unix video tutorial3
delv published in(发表于) 2014/1/6 9:03:31 Edit(编辑)
ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)_[Asp.Net教程]

ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)_[Asp.Net教程]

ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)_[Asp.Net教程]























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



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

感谢 伯虎 提供整个实现过程的关键代码,要不是他的帮忙,今天我就完不成项目了,也就没有办法安心离开现在的公司了,在此对每一个热心帮助别人的朋友表示衷心的感谢,这就是为什么我会把项目中遇到的问题都写出来的原因,希望能给更多人一些帮助。










































添加到del.icio.us 添加到新浪ViVi 添加到百度搜藏 添加到POCO网摘 添加到天天网摘365Key 添加到和讯网摘 添加到天极网摘 添加到黑米书签 添加到QQ书签 添加到雅虎收藏 添加到奇客发现 diigo it 添加到饭否 添加到飞豆订阅 添加到抓虾收藏 添加到鲜果订阅 digg it 貼到funP 添加到有道阅读 Live Favorites 添加到Newsvine 打印本页 用Email发送本页 在Facebook上分享


Disclaimer Privacy Policy About us Site Map

If you have any requirements, please contact webmaster。(如果有什么要求,请联系站长)
Copyright ©2011-
uuhomepage.com, Inc. All rights reserved.