Forum Moderators: open
I'm trying to build a law site that has two attorney profiles. I would like to have the images for both attorneys on the same page, one above the other.
Both images would be on the left hand side of the page, while on the right hand side I would like to have an inline frame. Basically I would like to give my visitors the ability to click on one attorney's image and get an inline frame with their details and then for the visitor to be able to click on the other image and have it change to another inline frame with their details. Is this possible? If so, how do I go about doing this? If not, are there any other coding solutions in regards to this problem? Thanks, your help is most appreciated.
Enigmatic
have it change to another inline frame
That's where I'm not sure about your question. If you mean "load a different page into the same iframe", then the approach is straight forward.
Assume that you assign the iframe name="bio".
Assume that the bio pages are named lawyer1.html and lawyer2.html<a href="lawyer1.html" target="bio"><img src="attorney1.jpg"></a>
<a href="lawyer2.html" target="bio"><img src="attorney2.jpg"></a>
As I said before, I'm not sure if you want a totally new iframe. But if you do it would be a bit more complex. Essentially put each iframe in its own div and use javascript and css - "show/hide div" - to change the visibility of each frame. But that sounds like overkill to me. If you've make a separate div visible for each bio, then you don't really need the iframe
