changing images by clicking on a link.

changing images by clicking on a link.

Hi.
I have a problem and was wandering if jquery might be the answer.
I want an image gallery where there are thumbnails of different mirrors.

When you click on a thumbnail there are four images which need to change.

One for the front of the mirror, side, back and close-up.

Any ideas how to do this?

What i would think of doing would be something like...

<a href="" onclick="document.getElementById('mirror-pic-one').src='front.jpg'"
onclick="document.getElementById('mirror-pic-two').src='side.jpg'"
onclick="document.getElementById('mirror-pic-three').src='back.jpg'"
onclick="document.getElementById('mirror-pic-four').src='close.jpg'">image 1</a>



But that doesnt seem to work. Im not a programmer so i can someone please help me out?

Thanks.