首页 > 代码库 > JS 显示图片层

JS 显示图片层

 

//imgFrame显示层,imgbox显示的内容
<div id="imgFrame">            <div><a href="javascript:close();">关闭</a></div>              <div id="imgbox"></div>     </div> 
//img路径  <img src=http://www.mamicode.com/‘<%#(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=http://www.mamicode.com/‘" + img + "‘ width=\"500\" height=\"500\" />"; } else { document.getElementById("imgFrame").style.display = "block"; document.getElementById("imgbox").innerHTML = "<img src=http://www.mamicode.com/‘../images/noimg.gif‘ width=/"500\" height=\"500\" />"; }}