JavaScript图像滑块/目录

Question

因此，我正在尝试制作一个简单的图像“目录”，以便在其中循环显示某些图像。 这是代码： http : //pastebin.com/raw/NDh4VBtz目前，我面临两个问题：

• 1. 第一次按下后如何使我正在使用的按钮前进。 示例：我有3张图片（IMG1，IMG2，IMG3）。 我想如下使用它们。 我按下按钮“下一张图片”：IMG1-> IMG2。 我再次按下按钮：IMG2-> IMG3。 如果我按“上一张图像”：IMG3-> IMG2。 在这一点上，我已经做到了，因此当我按下“下一张图像”或“上一张图像”时，它将可以首次使用。
• 2. 如何存储图像位置，以便当我再次调用该函数时，它不会丢失该值。 我正在使用onclick事件-onclick =“ imagesS（'Image'，'Text'，Images，-1）”。 图片= imageID，文字= textID，图片=图片数组，-1 =方向。

文件的JavaScript部分：

 <script type="text/javascript">
     var Images = 
        new Array("first.jpg", "second.jpg", "third.jpg", 0)

     function imagesS(ImageId, TxtId, ImageArr, Direction) {
            IndPos = 0;
            if (Direction == "+1"){
                IndPos += 1;
                if (ImageArr.length == IndPos) {
                    alert("Last photo!");
                } else {
                    document.getElementById(ImageId).src= ImageArr[IndPos];
                    document.getElementById(TxtId).innerHTML = "Text: <i>" + ImageArr[IndPos] + "</i>";
                }
            }   else if (Direction == "-1"){
                    IndPos -= 1;
                    if (IndPos == "0" || IndPos == "-1"){
                        alert("Can't do that!");
                    }   else {
                    document.getElementById(ImageId).src= ImageArr[IndPos];
                    document.getElementById(TxtId).innerHTML = "Text: <i>" + ImageArr[IndPos] + "</i>";
                    }
                }

     } 

Answer 1

也许这样的事情对您有用： imageCatalog