how to place linked enlarged image in front

[jda71]

I have created a page with many thumbnail images. When a thumbnail is clicked, an enlarged image opens in it's own sized window in front of the original page. If I click on another thumbnail without closing the first, the new enlarged image opens behind the original page. If I close each enlarged image before opening the next, all works well. The problem is that I can't count on my visitors to do this.

This page can be found at:
http://windsorhistoricalsociety.org/windsor_historic_houses_pg2.html

The code for each link looks like:
<a href="windsor_house_208_broad.jpg" onclick="window.open (this.href, 'child', 'height=333,width=503'); return false"><img alt="208 Broad Street" src="windsor_house_208_broad_50.jpg" align="left" border="1" hspace="5" vspace="5" width="50" height="33"></a>

Thanks for any help.

[resdog]

try this:


onclick="var w=window.open (this.href, 'child', 'height=333,width=503'); w.focus(); return false"