Here is the code if anyone else would like to use it.

First we have to define the target IFRAME (window) where we
wish to embed our images.

I placed the following code in the cell of a table by
itself.The code for defining our IFRAME is as follows:
IF YOU SEE THIS TEXT, YOUR BROWSER DOESN'T SUPPORT "IFRAMES" Please go to www.MySite.com
A few things to take note of:
name=ImageLoadFrame)
This can be any name you want and will be the name we use for our link anchors to TARGET.

(marginwidth / marginheight)
Zero both of these or you'll end up with blank white space around your image.

(height / width)
Set these to the size of your image

(scrolling)
Set this to "no" unless you want a scroll bar for some odd reason.

(frameborder)
This determines the size of the border. A higher value means a larger border width. I set mine to zero for "no" border.

Additional note: Note that there is a URL in the code. That is used to load a default image when the user first visits the page.

That's the hard part hehe.

Now to define the links that will load an image to the target IFRAME.

Here is the code:
YourProduct1

Wasn't that easy?! LOL!

Note that the name of the TARGET in the anchor needs to be
the same as the name you gave your IFRAME window.