I'm trying to create a image swap onclick. My goal is to have 5 buttons over one image and have that one image change when clicking on the buttons. I know how to code for a single swap and basic mouseovers but nothing like this. Do i have to use php for this function? Thankyou for your help.

Cant you use flash for that? Most websites do that.

I could use Flash. But was trying not to use it for this build.

Sean you don't need Flash for this. Some basic JavaScript and DOM manipulation is all it will take.

One approach would be to give the image an id. Maybe id="swap"

Each of the 5 buttons might then call a JavaScript function using onclick. The function would find the image tag by its id.

var image = document.getElementByID("swap")

and then change the src of the image to whatever image you want to show for that button.

image.src = "path-to-image"

You'd probably pass the src for each image via the button when you call the function.

I hope that helps.

Thanks! I'll give it a try.

Sean feel free to come back and ask more if you're having any problems. If you can't get it working post your code or a link to the page in question and I'll take a look and see if I can help.