首页 > 代码库 > 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\" />"; }}
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。