用javascript替换多个图像中的一个

我有多张相同的图片。当我点击其中一个时，需要更换img。我有JS脚本：

var newsrc = "slide_down";
function changeImage() {
    if ( newsrc == "slide_down" ) {
        document.images["pic"].src = "img/slide_up.png";
        document.images["pic"].alt = "slide_up";
        newsrc  = "slide_up";
    }
    else {
        document.images["pic"].src = "img/arrow.png";
        document.images["pic"].alt = "slide_down";
        newsrc  = "slide_down";
    }
}

但当我按下第二个img时，总是第一个被替换的img。请帮忙。 图像的Html代码是

试试看

var newsrc = "slide_down";
function changeImage() {
    if ( newsrc == "slide_down" ) {
       this.src = "img/slide_up.png";
        this.alt = "slide_up";
        newsrc  = "slide_up";
    }
    else {
        this.src = "img/arrow.png";
        this.alt = "slide_down";
        newsrc  = "slide_down";
    }
}

---

你能分享你的html以及你在哪里应用你的点击处理程序来获得清晰的答案吗所有你的

img

s都有

id=“pic”

？@Cherniv只有那些需要替换的。你的意思是不止一个？@Cherniv是的。这是上滑和下滑柱的img。我有很多。