Question

所以我试图制作一个简单的图像＆＃34;目录＆＃34;在哪里我可以循环一些图像。这是代码： http://pastebin.com/raw/NDh4VBtz 我现在面临两个问题：

1. 第一次按下后，如何使我使用的按钮向前移动。示例：我有3张图片（IMG1，IMG2，IMG3）。我想用它们如下。我按下按钮＆＃34;下一张图像＆＃34;：IMG1 - ＆gt; IMG2。我再次按下按钮：IMG2 - ＆gt; IMG3。如果我按下＆＃34;上一张图片＆＃34;：IMG3 - ＆gt; IMG2。在这一点上，我已经做到了这样，当我按下＆＃34;下一张图片＆＃34;或＆＃34;上一张图片＆＃34;。
1. 如何存储图像位置，以便当我再次调用该函数时，它不会丢失该值。我正在使用onclick事件 - onclick =＆＃34; imagesS（＆＃39;图像＆＃39;，＆＃39;文字＆＃39;，图片，-1）＆＃34;。 Image = imageID，Text = textID，Images = image array，-1 = direction。

文件的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

JavaScript图像滑块/目录

1 个答案: