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.

 

[ronaldroe]

Have you considered Lightbox?

 

[che09]

http://windsorhistoricalsociety.org/...ouses_pg2.html

I've visited the site,When I click the thumbnail at 1st,it did pop up. Then I tried twice,thrice (w/o closing the pop up photo,it did minimize and I thought it's the same 1st photo that has pop up,but when I try to check it...it did change,to each photo I click..)

I tried it twice,(now,I clicked the thumbnail and close it and click another and it does work.

It must be in the code. Check your coding here.

 

[Phreaddee]

Have you considered Lightbox?

seriously. it'll save you the hassle of trying to do it in a convoluted way