Iframes and Image Swaps

I have a page that I am working on. It has a main_area ( iframe ) and a graphic on the left that is not an iframe. Does anyone know how to change the graphic on the left when a link is selected?


http://www.uptown24.com/client1/index2.html

take a look, thanks.
Adolfo

put the pic in an iframe too. that's all I can suggest.

ok, like on your site, when I click on portfolio in the square on the left, how would you make the images on the left change?

not totally clear on what you mean.

when you click on portfolio how do the words at the top appear?

if it's the what you mean then the words up top are in a small rectangular iframe. The reason you cant see it at the beginning is because it starts out as a blank white page.

When you click on the portfolio, it brings up the portfolio links page in that small rectangular iframe. The code for that is simple.

[a href="portlinks.html" TARGET="Links"]

Links is the name of the small rectangle iframe. portlinks.html is the address of the links page that goes in the Links iframe.


if that's not what you mean then sorry.

snivlem, I think what he's asking is if you click on portfolio in the navigation box, how would you then make one of the graphics, e.g. the headphones, flowers, man, etc change (assuming they weren't links)

My only suggestion would be to make the navigation in flash, or add some type of rollover effect via ImageReady.

*reads really fast through this thread*

...to make images change on events use a simple JS;

function changeImage(paavorocks)
{
document.imageName.src=paavorocks
}

..and then call it upon the event;

[img src="gat.gif" onClick=changeImage("nameOfNewImage.jpg")]

...or something. I´m tired...

..oh, and name the image that will be changed, of course..
[img src="thisImageWillChangeOnFunction.jpg" name="imageName"]