Javascript图像链接

我有5个图像链接，当点击一个活动页面时，将显示同一id内的另一个图像。到目前为止，我已将所有图像更改为一个图像，但我希望它们在单击另一个图像链接时恢复为原始图像。我知道我可以使用HTML和CSS来实现这一点，但我想知道如何使用JavaScript实现这一功能

以下是HTML：

<a href="#" onclick="changeImg(1)"><img src="images/tn_wolverine.jpg" id="imgBox1"></a>
<a href="#" onclick="changeImg(2)"><img src="images/tn_wolverine.jpg" id="imgBox2"></a>

---

您需要使用标志来记录最近单击的图像的索引。当用户单击其他图像时，使用此索引将图像还原为原始图像。然后用新的替换上一个索引标志

我写了一个简单的扑克示例：

HTML

JavaScript

---

以当前图像src为例，将其设置为其他图像src，并将当前图像src更改为新的src。我不知道你在那里做了什么……我对所有这些编程内容都是新手。我试图让它，如果用户点击图形按钮A，它会在活动状态下更改为该图形的另一个版本。但若点击了按钮B，则按钮A会被还原，而B会被更改。我猜这应该是一个if-else语句。我只是不知道该怎么做。我用了两个标志来记录img的上一个和当前选择索引。当用户单击另一张图片扑克[prevIndex].src=defaultImg；时，以前的img将转换为原始图片；。然后将当前选定的img更改为另一个版本。src=imgs[index]。

function changeImg(ID) {
    var obj = document.getElementById("imgBox"+ID).src="images/tn_wolverine2.jpg";

}

<a href="#">
  <img class="poker" src="http://pic1a.nipic.com/2009-03-03/200933143727699_2.jpg"/>
</a>
<a href="#">
  <img class="poker" src="http://pic1a.nipic.com/2009-03-03/200933143727699_2.jpg"/>
</a>

(function(){
  var pokers = document.getElementsByClassName("poker"),len=pokers.length,imgs=["http://pica.nipic.com/2007-10-16/20071016115825247_2.jpg","http://img.teapic.com/thumbs/201210/23/141801plfndrdzabzjdaok.jpg.middle.jpg"];
  var defaultImg = "http://pic1a.nipic.com/2009-03-03/200933143727699_2.jpg";
  var prevIndex = -1;

  for(var i=0;i<len;i++){
    pokers[i].addEventListener("click",(function(index){
        return function(){
            //no action if user clicked the same poker
            if(prevIndex===index) return;
            if(prevIndex!==-1)pokers[prevIndex].src=defaultImg;
            prevIndex = index;
            this.src=imgs[index];
        };
    })(i));
  };

})();