The thumbnails on the linked page overlap nicely. When I looked at the code it was simple, I like simple.
<div STYLE="position:absolute;left:20px;top:18px;width:89px;height:89px;z-index:1;visibility:visible;">
<A HREF="link1.htm" target="photo"><img Align=Top SRC="pic1.jpg" alt="" WIDTH=89 HEIGHT=89 border=0></A>
</div>
<div STYLE="position:absolute;left:70px;top:53px;width:89px;height:89px;z-index:2;visibility:visible;">
<A HREF="link2.htm" target="photo"><img Align=Top SRC="pic2.jpg" alt="" WIDTH=89 HEIGHT=89 border=0></A>
</div>
<div STYLE="position:absolute;left:20px;top:111px;width:69px;height:89px;z-index:3;visibility:visible;">
<A HREF="link3.htm" target="photo"><img Align=Top SRC="pic3.jpg" WIDTH=69 HEIGHT=89 border=0></A>
</div>
<div STYLE="position:absolute;left:30px;top:171px;width:117px;height:89px;z-index:4;visibility:visible;">
<A HREF="link4.htm" target="photo"><img Align=Top SRC="pic4.jpg" alt="" WIDTH=117 HEIGHT=89 border=0></A>
</div>
<div STYLE="position:absolute;left:110px;top:210px;width:64px;height:100px;z-index:5;visibility:visible;">
<A HREF="link5.htm" target="photo"><img Align=Top src="pic5.jpg" width="64" height="100" border=0 alt=""></A>
</div>