javascript - 用 JavaScript 替换多个图像中的一张

Question

我有多个相同的图像。当我点击其中之一时，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时，总是第一个被替换。请帮助。图片的html代码为<img src="img/arrow.png" alt="slide_up" class="head" id="pic" onclick="changeImage()">

Answer 1

尝试

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";
    }
}