taff — Thu, 17 Jul 2003 22:09:59 +0000

Wow, that works nicely actually. Thanks Rob! I'm about to start on a photography site and that little block of code will save a pile of time.

fifeclub — Thu, 17 Jul 2003 22:00:32 +0000

I'll honostly tell you that you lost me on that coding , but I will definitely give that a try. Thanks.

ROB — Thu, 17 Jul 2003 20:26:23 +0000

Heres a quick example of how you can do it:

Create a small transparent gif named 'blank.gif' and an html document titled 'popup.html', something like this:

<html><head><title></title></head>

<body onload="window.opener.loadpopupimage(window)"><div align="center">
	<a href="javascript:window.close();">Close Window</a><br />
	<img id="popupimage" src="blank.gif">
</div></body></html>

'
You can put any layout you want to layout the large images in there, but the above elements must be there.

Now you can popup your large images like so:

&lt;script language="javascript" type="text/javascript"&gt;
var curpopupsrc = '';
function showimage(that) {
	curpopupsrc = that.href;
	window.open('popup.html', 'popupwindow', 'width=750,height=550');
	return false;
}
function loadpopupimage(win) {
	win.document.getElementById('popupimage').src = curpopupsrc;
	win.document.title = curpopupsrc;
}
&lt;/script&gt;

<a href="http://www.hampton-homes.net/communities/hampton_big.jpg" onclick="return showimage(this);"><img src="http://www.hampton-homes.net/communities/hampton_small.jpg"></a>

Suzanne — Thu, 17 Jul 2003 18:32:15 +0000

Use JavaScript to generate the whole page. You wouldn't do this in the link coding, you'd do it in the function itself.

taff — Thu, 17 Jul 2003 17:20:50 +0000

aha. That was my suggestion and I didn't realize that you were simply linking directly to the jpg files. I always link to html pages containing the graphic so I'm not sure if you've got an alternative here.