javascript - 複数の画像の 1 つを JavaScript に置き換えます

Question

同じ画像が複数あります。それらの1つをクリックすると、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";
    }
}

しかし、2 番目の 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";
    }
}