Gallery- hope this helps

This is a simple thumbnail gallery. Clicking on an image will enlarge it in the big window. There are so many ways of doing this, but I took this method from alistapart and at first appearance it seems to work fairly well.

The code

<script type="text/javascript" language="javascript"> <!-- function showPic (whichpic) { if (document.getElementById) { document.getElementById('placeholder').src = whichpic.href; if (whichpic.title) { document.getElementById('desc').childNodes[0].nodeValue = whichpic.title; } else { document.getElementById('desc').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue; } return false; } else { return true; } } //--> </script> <a onclick="return showPic(this)" href="images/bigpic1.jpg" title="new car"><img src="images/thumb1.jpg" alt="thumb1" border="0" alt="new car"></a> <a onclick="return showPic(this)" href="images/bigpic2.jpg" title="paint hand"><img src="images/thumb2.jpg" alt="thumb1" border="0" alt="paint hand"></a> <a onclick="return showPic(this)" href="images/bigpic3.jpg" title="chair"><img src="images/thumb3.jpg" alt="thumb1" border="0" alt="chair"></a> <a onclick="return showPic(this)" href="images/bigpic4.jpg" title="sports car"><img src="images/thumb4.jpg" alt="thumb1" border="0" alt="sports car"></a> <p id="desc">Choose an image to begin</p> <img id="placeholder" src="images/blank.gif" alt="" />

Example

Here's what the code above should look like.

Choose an image to begin