JS 显示图片层
浏览数：78 /
时间：2015年06月09日
//imgFrame显示层，imgbox显示的内容
<div id="imgFrame">
<div><a href="javascript:close();">关闭</a></div>
<div id="imgbox"></div>
</div>
//img路径
<img src=‘<%#(Eval("picture","{0}").ToString()=="")?"../images/noimg.gif":Eval("picture")%>‘ width="90" height="50" onclick="showOriginal(‘<%#Eval("picture")%>‘,event);">
//层的关闭按钮方法
function close()
{
document.getElementById("imgFrame").style.display = "none";
}
//层显示的方法
function showOriginal(img,e)
{
// document.getElementById("imgFrame").style.top = mousePos(e).x;
// document.getElementById("imgFrame").style.left = mousePos(e).y;
// document.getElementById("imgFrame").style.zIndex=1000;
// document.getElementById("imgFrame").style.position = "absolute";
if(img != "" && img != null)
{
document.getElementById("imgFrame").style.display = "block";
document.getElementById("imgbox").innerHTML = "<img src=‘" + img + "‘ width=\"500\" height=\"500\" />";
}
else
{
document.getElementById("imgFrame").style.display = "block";
document.getElementById("imgbox").innerHTML = "<img src=‘../images/noimg.gif‘ width=\"500\" height=\"500\" />";
}
}
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
