Passing one value to the next

[ZeroShade]

I have an image. If the user were to click on that image i need it to appear in another image. And then if the user were to click on another image, it takes its place. How can I go about doing this?

[justsomeguy]

If you have an id for the target image, you can change the source of it using the src property.document.getElementById("target_image").src = "new_image.jpg";

[Synook]

Like this:

<script type="text/javascript">	function changeimage() {		image = document.getElementById("target_image");		if (image.src == "image_1.jpg") {			image.src = "image_2.jpg";		} else if (image.src == "image_2.jpg") {			image.src = "image_3.jpg";		}		//Etc.	}</script><img id="target_image" src="image_1.jpg" onclick="changeimage()" />

[ZeroShade]

I think I can modify it to what I have. Thanks!!