Ok so I have an image replacement code I'm working on, but I can't seem to get it working. Can anyone find the problem with this code:
Code:
function ShowImg() {
if (document.getElementById("1")) {
document.getElementById("background").src = "images/banner.png";
} else if (document.getElementById("2")) {
document.getElementById("background").src = "images/text.png";
} else {
document.getElementById("background").src = "images/bannerthin.png";
}};
Code:
<a href="#" id="1" onmouseover="ShowImg()" onmouseout="Backstep()">1</a>
<a href="#" id="2" onmouseover="ShowImg()" onmouseout="Backstep()">2</a>
What happens is it shows the first image (banner.png) but when you hover over the second link, instead of it showing text.png it shows banner again.
Any help is appreciated.
