Take a look at the photos on this page:
http://www.dvatalent.com/profile.php?id=125
Is that something like what you want? If so, you can do that fairly easily. Here's what I used on that site:
First, you have to have a main image placeholder. First you have to name that image:
Code:
<IMG NAME="pic" SRC="img_source.jpg">
Then you can change that image on click with document.images in your link. Whether you use an image:
Code:
<A HREF="#" onClick="window.document.images['pic'].src='pic_source1.jpg'; return false;"><IMG SRC="pic_source_thumb1.jpg"></A>
Or, text link:
Code:
<A HREF="#" onClick="window.document.images['pic'].src='pic_source1.jpg'; return false;">Pic 1</A>
Here's what that stuff means:
window. refers to the actual browser window
document. refers to the current document in the window
images refers to the image elements in the document
['pic'] calls the image element you named "pic"
.src refers to the source or src of the image. <IMG SRC>
Of course, this will not work if javascript is turned off...
Hope this helps. 
|