欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【点缩略图弹出随图片大小自动调整的页面】，下面是详细的分享！
点缩略图弹出随图片大小自动调整的页面
程序用asp.net编写，功能主要是，点pic_small.Aspx页面的缩略图后弹出pic_all.aspx页面，pic_all.aspx页面的大小要根据图片大小自动调整，而且要有图片的说明信息，还可以点上一幅和下一幅等进行翻页。
实现过程如下：
pic_small.Aspx页面缩略图处的代码为：
| 以下为引用的内容：
<IMGid="imgPic"style="CURSOR:hand"border=0height="95"onclick="ShowWindow(<%#DataBinder.Eval(Container.DataItem,"ID")%>)"src=http://www.chinaz.com/program/2008/1105/’<%#"Images/Product/"+DataBinder.Eval(Container.DataItem,"PicUrl")%>’width="118"runat="server"> |
以下代码即可实现点缩略图后弹出页面pic_all.aspx显示图片信息，下面要实现的是pic_all.aspx页面根据图片的大小自动调整。
把以下代码放在pic_all.aspx页面的<Head></Head>之间：
| 以下为引用的内容：
<script> |
这里的PicUrl是页面pic_all.aspx中用来显示原图大小的，我用的是html控件，无论你用什么方法，反正就是要从数据库中读出图片的名称或是路径了。
obj.offsetWidth得到的就是显示出来的原图的宽了，obj.offsetWidth+127表示窗口在图片的宽度基础上再大127像素，因为要留一些空间用来实现图片的说明信息。
这样就可以实现弹出来的窗口既可以根据图片大小自动调整，而且又可以随意编辑弹出来的页面，因为弹出来的页面是一个指定页面，无论要编辑什么，都可以和平时处理页面一样处理了。
以上所分享的是关于点缩略图弹出随图片大小自动调整的页面，下面是编辑为你推荐的有价值的用户互动：
相关问题：点击缩略图查看大图，可前后翻页，弹出层大小跟随...
答：你会这个是jquery的插件做的，jquery中有好几个图片浏览的插件可以满足你的要求，你都可以玩玩的。 首先你后台上传一个大图的时候要生成一个略缩图，在页面上显示的略缩图，点击view的时候才弹出显示大图。 这里我推荐你一个jquery插件colorbox... >>详细
相关问题：点击缩略图弹出大图效果js
答：写了个简易版的，基本上能实现你要的效果，你把图片路径加上就行了，希望能帮到你，代码如下： 关闭 function picBig() { var v = document.getElementById('divCenter'); v.style.display = "block"; } function picClose() { var v = document... >>详细
相关问题：html(网页)中怎么点击图片在当前页弹出一个带窗口...
答：这个应该不难吧，先设置视频那个容器的display为none，当click时为block不就好了 >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-