JS 显示图片层

//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" />"; } }

  

原文地址:https://www.cnblogs.com/lengv10/p/3787891.html