Onclick function image 1 - image 2

I want it so when the user clicks the image it changes to a differant image.

I'm now sure how to do this though, I was thinking something along the lines of..

<img src="abc.gif" onclick=src="efg.gif";

or whatever idk.

<img src="abc.gif" OnClick="this.src='efg.gif'">

Seems like something that you could have quite easily googled though ;).

i thought som1 would say that nah i looked and looked coudltn find it thanks dude

okay you need to do it with id's

<script>
function update()
{
document.getElementById("img").value="img2.jpg";
}

</script>

<img id="img" src="img1.jpg" />

Only_samurai are u sure i need to acces value ? Wouldn't it be supposed to be document.getElementById("image").src="new image.jpg"; No offence. and for the changing image i would do this

<script type='text/javascript'> function Mouseover() { document.getElementById("img").src="new image.jpg"; } function Mouseout() { document.getElementById("img").src="old image.jpg"; } </script> <img src='old image.jpg' alt='' onMouseover='Mouseover()' onMouseout='Mouseout()'>

Ok hope that helps u.

doh, yes… src. not value.

he doesnt have to use get elementbyid tho, its a choice for w/e you wanna use.