Shoutbox

Hi All,

I have an image (lets say ImageA) and when its clicked i want it to change to ImageB.

But then if ImageB is clicked it goes back to ImageA.

I know how to chnage the image the first time, but not sure how to check if its already been changed to choose which image to change it too.

I think i need to set a boolean value to keep track, but i don't know much javascript so can someone help?

code:

---

function changepic ()
if (document.Image.src =="path to image a") {
document.Image.src = "path to image b";
}
else{
document.Image.src = "path to image a";
}

---

code:

---

onclick="document.image.src = changepic(); return false;"

---

something like that?

[n00b mode]  do i have to change Image to the image name?  [/n00b mode]

"path to image a"

fill that in with the path to the image and do the same with the other ones

html:

code:

---

<img src="image1.gif" id="Image" onclick="document.image.src = changepic(); return false;">

---

javascript:

code:

---

function changepic ()
if (document.Image.src =="path to image a") {
document.getElementByID("Image").src = "path to image b";
}
else{
document.getElementByID("Image").src = "path to image a";
}

---

I'm a little bit rusty on the JS, but i think it should be like this.

yea ive chnage the paths, but i wasnt sure if i have to change

code:

---

docuemnt.image.src

---

to

code:

---

docuement.imagename.src

---

i don't think docuement.imagename.src will work...

yes

also if its in a table etc you need to add its name after document