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