Ok, here's the issue, I'll try and explain it the best I can. I am not remotely skilled in java, or web design for that matter, but I am trying to put together a passable site for my father's company. I want to create a page that will display multiple images, and have done so here:
http://www.stonezoneco.com/trialpics.html
1. I would like the top picture to show up in the large box automatically, without having to click on it.
2. I was wondering if there was a way to include a text or description with each picture that would show up in tandom with the picture as it is selected.
3. I can fit 6 thumbs down the side of the larger image. Is there a way to add a second thumbnail column, or run them along the bottom?
I would be very grateful to anyone with suggestions/solutions. I will also attach the code that I used:
<table width="500" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="width: 400px; vertical-align: top;"> <img src="1_large.jpg" width="398" height="299" alt="Large Photo" style="border: 1px solid #000000;" name="swap"> </td> <td style="width: 6px;"></td> <td style="width: 94px; vertical-align: top;"> <img src="1_small.jpg" width="92" height="69" alt="Small Photo" style="border: 1px solid #000000; margin-bottom: 3px;" onclick="document.swap.src='1_large.jpg';"><br> <img src="2_small.jpg" width="92" height="69" alt="Small Photo" style="border: 1px solid #000000; margin-bottom: 3px;" onclick="document.swap.src='2_large.jpg';"><br> <img src="3_small.jpg" width="92" height="69" alt="Small Photo" style="border: 1px solid #000000; margin-bottom: 3px;" onclick="document.swap.src='3_large.jpg';"> </td> </tr> </table>
Thank you!