我爱Aspx >> Asp.Net >> 自适应图片大小的弹出窗口(3 种方法)方法一 在最近的项目中,遇到一个问题,要实现这样的效果:
点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://www.yaosansi.com/blog/<%#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);
Ҷƪл˵?
.NET 2.0中的字符串比较[05-20]
Visual Studio 术语表[A-J][05-20]
掌握 Ajax,第 1 部分: Ajax 简介[05-20]
掌握 Ajax,第 3 部分: Ajax 中的..[05-20]
使用 AJAX 调用 SOAP Web 服务,..[05-20]
XML 问题: 超越 DOM[05-20]
掌握 Ajax,第 2 部分: 使用 Jav..[05-20]
Asp.net与SQL一起打包部署安装[05-20]
发现好站:http://www.windowsfor..[05-20]
使用XMLHTTP Request Object获取..[05-20]