OK, move:
HTML Code:
<div id="showimage"></div>
to just below your body tag. Edit it to look like this:
HTML Code:
<div id="showimage" style="z-index:100;"></div>
Next, take all of your:
HTML Code:
<a href="1.jpg" onClick="return enlarge('1.jpg',event)"><img src="th1.JPG" border="0"></a>
lines like that and make them like so:
HTML Code:
<a href="1.jpg" onClick="return enlarge('1.jpg',event,'center',550,570)"><img src="th1.JPG" border="0"></a>
You can do a global search and replace, just be careful you only hit these specific lines. To do it 'right', 550 and 570 should be replaced with the actual width and height, respectively of the larger image for each thumbnail, respectively. Looking at your images though, these values are close enough.
Bookmarks