Replace one of multiple image with javascript

Question

I have multiple same images. When i click on one of them img need to be replaced. I have JS script:

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

But when I press the second img, always the first to be replaced. Help please. Html code of image is <img src="img/arrow.png" alt="slide_up" class="head" id="pic" onclick="changeImage()">

Can you share your html and also where you applied your click handler for clear answers — harsh
– harsh, Commented Jun 14, 2013 at 13:37
@Cherniv Yes. It's img for slide up and slide down post. I have many of them. — f0rtis
– f0rtis, Commented Jun 14, 2013 at 14:00

harsh · Accepted Answer · 2013-06-14 13:43:05Z

2

Try

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

answered Jun 14, 2013 at 13:43

harsh

1,55113 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Replace one of multiple image with javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related