Compare an image in javascript

Question

I am trying to compare an image in javascript. If the image is true it will change to a different image. I wrote an if statement but it doesn't seem to work. Does anyone know how I can achieve this?

function test()
{
imageElement = document.getElementById('pic');
if(imageElement.src == "images/cat_12.gif"){

imageElement.src = "images/press2_12.gif";
}else{

}
}

@Pekka The fully qualified URL I assume... .getAttribute('src') would make it work I think. — Šime Vidas
– Šime Vidas, Commented May 7, 2011 at 16:32
<td><img src="images/topknobs_12.gif" width="468" name="pic" id="pic" height="575" onclick="test();"/></td> — BDGapps
– BDGapps, Commented May 7, 2011 at 16:33

kennebec · Accepted Answer · 2013-05-09 04:25:42Z

2

function test(){
    if(imageElement.src.indexOf("images/cat_12.gif") != -1){
       //
    }
}

edited May 9, 2013 at 4:25

answered May 7, 2011 at 17:41

kennebec

105k32 gold badges109 silver badges127 bronze badges

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

Comments

timdream · Accepted Answer · 2011-05-07 16:34:45Z

0

src will be converted to full URL when you read it from Javascript. You may try to extract the filename instead, e.g. img.src.substr(img.src.lastIndexOf('/')).

A better solution would be use classes and CSS background switch between images.

answered May 7, 2011 at 16:34

timdream

5,9225 gold badges24 silver badges24 bronze badges

3 Comments

BDGapps Over a year ago

it doesn't seem to work function test() { img = document.getElementById('pic'); if(img.src.indexOf('images/cat_12.gif')){ imageElement.src = "images/press2_12.gif"; }else{ } }

BDGapps Over a year ago

And img.src.substr(img.src.lastIndexOf('/')) doesn't work either it lets all the images through as if the if doesn't apply.

BDGapps Over a year ago

please supply another solution

Collectives™ on Stack Overflow

Compare an image in javascript

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related