如何使用单层来显示图片?

我做JavaEE的,对DIV不熟悉额，哪位能否指点一下，如何来实现下面的功能？
现在有一个超链接，当鼠标点击该链接的时候，可以弹出一个层来，在该层上显示图片,并且可以进行翻页!
谢谢啦！

解决方案 »

  1.   

    不要做车轮,网上大把这样的东西. 另外这是xhmtl的东西, 和javaee没关系
      

  2.   

    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function showPic(){
    var divobj = document.getElementById("divimg");
    divobj.style.display = "block";
    } function showNextPic(pname){
    document.getElementsByTagName("img")[0].src = pname;
    }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <a onclick="showPic()">显示图片</a>
    <div id="divimg" style="display:none">
    <img src="szy.jpg"/><br/>
    <a onclick="showNextPic('xlnz.jpg')">下一张</a>
    </div>
    </BODY>
    </HTML>
      

  3.   

    <script>
    var index=0;
    function changeImg(){
        var obj=document.getElementsByTagName("img");
        
        obj[index].className="hide";
        index=(index==obj.length-1)?0:index+1;
        obj[index].className="show";
    }</script>
    <style>
        .show{display:block;}
        .hide{display:none;}
        a{cursor:pointer;color:blue;}
    </style>
    <a onclick="div1.style.display='block';setInterval('changeImg();',2000);">show div</a>
    <div id=div1 style="position:absolute;left:100px;top:100px;display:none;">
    <img src="http://avatar.profile.csdn.net/5/2/4/2_zdtwyjp.jpg" onclick="alert(1);" class="show"/>
    <img src="http://avatar.profile.csdn.net/B/0/2/2_hedy007.jpg" onclick="alert(2);" class="hide"/>
    <img src="http://avatar.profile.csdn.net/B/0/2/2_zswang.jpg" onclick="alert(3);" class="hide"/>
    </div>