您所在位置：主题：高手请进来救救我
kolo
[专家分：0] 发布于 2009-02-13 01:43:00
ASP中点击小图在原窗口弹出图层显示大图这个效果怎样实现?
下面是昵图网的某部分代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元宵节源文件__元宵节_节日素材_源文件库_昵图网nipic.com</title>
<meta name="keywords" content="元宵节图片,,元宵节,节日素材,源文件库,图片,素材,矢量,共享图库,图片交易,昵图网">
<meta name="description" content="元宵节图片,,元宵节,节日素材,源文件库 昵图网：图片共享和图片交易中心">
<link href="/inc/css/style.css" rel="stylesheet" type="text/css">
<script language="javascript" src="show.js"></script>
</head>
<body>
<div align="center" id="Layer1" style="position:absolute;z-index:1;visibility:hidden;left:0px;top:120px;width:100%;" onClick="MM_showHideLayers('Layer1','','hide')"><img src="http://pic1.nipic.com/2009-02-02/200922113923522_2.jpg" alt="元宵节大图 点击还原" style="border: 1px solid #000000"></div>
<table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<img src="http://pic1.nipic.com/2009-01-12/200911222646441_2.jpg" alt="元宵节预览图 点击看大图" border="0" onClick="MM_showHideLayers('Layer1','','show')" onload="DrawImage(this);" style="CURSOR: hand">
</tr>
</table>
</body>
</html>
以上代码实现了点击小图在原窗口弹出图层显示大图这个效果.
我想把这个效果加到我的相册(ASP的)里去,但不懂要怎样修改才行,请各位高手帮帮忙.
下面是我的ASP源码的一段:
<%
sql = "SELECT * FROM desktop where id="&id
Set rs = Server.CreateObject("ADODB.Recordset")
rs.OPEN sql,Conn,1,3
rs("ck")=rs("ck")+1
rs.update
if rs("lx")=0 then
Response.Write"<table width='100%' border='0' cellspacing='0' cellpadding='5' align='center'><tr><td align='center'><table align=center bgcolor='#e9e9e9' border=0 cellpadding=5 cellspacing=0 class='bk1'><tbody><td><a href='"&rs("pic")&"' target='_blank'><img src='"&rs("pic")&"' width='500' height='355' align='center' border='none' alt='点击查看大图'></a></td></tbody></table></td></tr></table>"
end if
Response.Write"<table width='720' border='0' cellspacing='0' cellpadding='3' class='bk' align='center'><tr><td width='720' style='table-layout:fixed;word-wrap:break-word;word-break:break-all'>文件名称："&rs("name")&" | 点击次数："&rS("ck")&" | 添加时间："&rs("time")&"<br>文件简介："&rs("jj")&"</td>"
if rs("url")<>"" then
Response.Write"<td width='30' class='z'><a href='"&rs("url")&"'>打 包<br>下 载</a>"
end if
Response.Write"</tr></table>"
rs.close
Set rs=Nothing
conn.close
Set conn=Nothing
%>
以上代码是点击小图"pic",在新窗口直接打开图片"pic"的路径,我想修改为点击小图就在原窗口出现一个图层,该图层里面就是"pic"的实际尽寸图,
希望各位高手指点一下,万分感谢!
问题补充：补充一下:上面昵图网的源码实现的效果就是点击小图在原窗口弹出图层显示大图这个效果
下面是昵图网的某部分代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元宵节源文件__元宵节_节日素材_源文件库_昵图网nipic.com</title>
<meta name="keywords" content="元宵节图片,,元宵节,节日素材,源文件库,图片,素材,矢量,共享图库,图片交易,昵图网">
<meta name="description" content="元宵节图片,,元宵节,节日素材,源文件库 昵图网：图片共享和图片交易中心">
<link href="/inc/css/style.css" rel="stylesheet" type="text/css">
<script language="javascript" src="show.js"></script>
</head>
<body>
<div align="center" id="Layer1" style="position:absolute;z-index:1;visibility:hidden;left:0px;top:120px;width:100%;" onClick="MM_showHideLayers('Layer1','','hide')"><img src="http://pic1.nipic.com/2009-02-02/200922113923522_2.jpg" alt="元宵节大图 点击还原" style="border: 1px solid #000000"></div>
<table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<img src="http://pic1.nipic.com/2009-01-12/200911222646441_2.jpg" alt="元宵节预览图 点击看大图" border="0" onClick="MM_showHideLayers('Layer1','','show')" onload="DrawImage(this);" style="CURSOR: hand">
</tr>
</table>
</body>
</html>
以上代码实现了点击小图在原窗口弹出图层显示大图这个效果.
我想把这个效果加到我的相册(ASP的)里去,但不懂要怎样修改才行,请各位高手帮帮忙.
下面是我的ASP源码的一段:
<%
sql = "SELECT * FROM desktop where id="&id
Set rs = Server.CreateObject("ADODB.Recordset")
rs.OPEN sql,Conn,1,3
rs("ck")=rs("ck")+1
rs.update
if rs("lx")=0 then
Response.Write"<table width='100%' border='0' cellspacing='0' cellpadding='5' align='center'><tr><td align='center'><table align=center bgcolor='#e9e9e9' border=0 cellpadding=5 cellspacing=0 class='bk1'><tbody><td><a href='"&rs("pic")&"' target='_blank'><img src='"&rs("pic")&"' width='500' height='355' align='center' border='none' alt='点击查看大图'></a></td></tbody></table></td></tr></table>"
end if
Response.Write"<table width='720' border='0' cellspacing='0' cellpadding='3' class='bk' align='center'><tr><td width='720' style='table-layout:fixed;word-wrap:break-word;word-break:break-all'>文件名称："&rs("name")&" | 点击次数："&rS("ck")&" | 添加时间："&rs("time")&"<br>文件简介："&rs("jj")&"</td>"
if rs("url")<>"" then
Response.Write"<td width='30' class='z'><a href='"&rs("url")&"'>打 包<br>下 载</a>"
end if
Response.Write"</tr></table>"
rs.close
Set rs=Nothing
conn.close
Set conn=Nothing
%>
以上代码是点击小图"pic",在新窗口直接打开图片"pic"的路径,我想修改为点击小图就在原窗口出现一个图层,该图层里面就是"pic"的实际尽寸图,
希望各位高手指点一下,万分感谢!
问题补充：补充一下:上面昵图网的源码实现的效果就是点击小图在原窗口弹出图层显示大图这个效果
