I am trying to create a website where you have buttons horizontally that when clicked a large image appears below them in the same browser window. This image will change according to what button is clicked above.

I set up my web page in tables, was I to use frames?

Tables are meant for tabular data, not for layouts. Thankfully frames are a thing of the past. It is best to go for a CSS site. To help you with this, have a look here http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.htm l

Create a mockup of the page that you want to create and upload it. Then supply a link to the page so that we can see what it is that you want.

Gramps

Tables are not ideal for page layout.  Nevertheless, this kind of effect is known as a disjoint rollover.  You can see a tutorial for that at this location -

http://www.dwfaq.com/tutorials/basics/disjointed.asp

Use CSS Opacity to change thumbnail density on hover.

CSS:

#thumbnail img {opacity: 0.5 }

#thumbnail img:hover {opacity: 1.0}

HTML:

<div id="thumbnail">

     <img src="image1.jpg">

     <img src="image2.jpg">

     <img src="image3.jpg">

     <img src="image4.jpg">

</div>

Use Show/Hide Layer Behaviors to make full size images appear on click.

Working demo (view source to see the code).

http://alt-web.com/DEMOS/Show-Hide-Layers.html

Nancy O.

Alt-Web Design & Publishing

Web | Graphics | Print | Media  Specialists 

http://alt-web.com/

The button should be this -

<td><a href="javascript:;" onclick="MM_swapImage('seven31','','pathA',1)"><img src="7.jpg" name="seven" width="82" height="94" id="seven" /></a></td>

The image should be this -

<td colspan="11" rowspan="2"><a href="javascript:;"><img src="31.jpg" name="seven31" width="890" height="471" id="seven31"/></a></td>

pathA should be the path from the current page to the IMAGE (in other words it should be the pathname for the NEW image to be swapped in when you click the link - perhaps something like "31-large.jpg").

If you would upload your page and post a link to it, that would help us get you going!

Yeah - that's probably because you didn't put in the correct value for "pathA" in the code.  Let's see what you have now, please.

Is 31-large.jpg the name of the image to be swapped in to replace 31.jpg?

Is that 31-large.jpg image at the same folder level as the page in question (i.e., is that path correct)?

Have you uploaded 31-large.jpg?

Can you post a link to this uploaded page so we can see what's happening?