javascript里怎样做一个图片浏览器

有两个按钮,一个上一张和下一张 点击上一张和下上张就可以实现图片的浏览
就像QQ空间里的相册一样,请高手帮个忙……

解决方案 »

  1.   

    将需要查看的图片放在一个数组中，然后循环这个数组．如 var ary    = new Array("a.jpg","b.jpg");
    var curIndex = 0 ;img1.src = ary[curIndex];下一张就+1,上一张-1
      

  2.   


    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title></title>
        <script type="text/javascript">        var index = 0;
            var arrImages = ["0.gif", "1.gif", "2.gif", "3.gif"];        function clickHandler(oEvent)
            {
                var src = oEvent.target || oEvent.srcElement;
                var srcID = src.id;
                if (srcID == "btnPrev")
                {
                    if (index > 0)
                    {
                        index -= 1;
                    }
                }
                else if (srcID == "btnNext")
                {
                    if (index < 3)
                    {
                        index += 1;
                    }
                }
                document.getElementById("faceImage").src = "/images/"+arrImages[index];
            }
           
        </script>
    </head>
    <body>
    <form id="form1" name="form1">
    <img src="/images/0.gif" id="faceImage" />
    <input type="button" id="btnPrev" onclick="clickHandler(event)" value="prev" />
    <input type="button" id="btnNext" onclick="clickHandler(event)" value="next" />
    </form>
    </body>
    </html>
      

  3.   

    到 google 搜索“js 幻灯片”，有大量非常酷的效果的源码
      

  4.   


    为了平滑效果，可以使用Image对象。
      

  5.   

    请问那个上一张和下一张是按钮还是什么?
    有没有那个onclick事件?
      

  6.   

    是按钮 有 onclick事件 是在客户端触发的
      

  7.   

    朋友，建议使用lightbox 2.0网上很多网站的图片浏览用的是它的效果，很漂亮，而且使用很简单。lightbox2:
    http://www.huddletogether.com/projects/lightbox2/