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

  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

JS 显示图片层,布布扣,bubuko.com

JS 显示图片层

上一篇:MVC.Net:对MVC5部署时出现403.14错误的解决方法


下一篇:php抓取网页