OK, I figured it out
It was actually very simple.
Here's what I did:
1. Created a duplicate of categories.php and renamed it simpleCats.php
2. In simpleCats.php I changed the names of the used templates from:
$templates_used = 'categories,category_bit,thumbnail_bit';
$main_template = 'categories';
To:
$templates_used = 'simpleCats,simpleCats_bit,simpleNail_bit';
$main_template = 'simpleCats';
* make sure to scan the file for ther instances of the templates...
3. I then simply duplicated the original templates and renamed them accordingly and modified them to suit.
4. In simpleNail_bit I changed {thumbnail} to {thumbnail_openwindow}
5. In simpleCats.html I added the following javascript to the head of my document (make sure to change yourDomain to your url):
<script language="Javascript">
function PopupPic(sPicURL) {
window.open( "http://www.yourDomain.com/popUp.html?"+sPicURL, "",
"resizable=1,HEIGHT=200,WIDTH=200");
}
</script>
6. I then created a file called popUp.html with the following code:
<HTML>
<HEAD>
<TITLE>From The Gallery</TITLE>
<script language='javascript'>
var arrTemp=self.location.href.split("?");
var picUrl = (arrTemp.length>0)?arrTemp[1]:"";
var NS = (navigator.appName=="Netscape")?true:false;
function FitPic() {
iWidth = (NS)?window.innerWidth:document.body.clientWidth;
iHeight = (NS)?window.innerHeight:document.body.clientHeight;
iWidth = document.images[0].width - iWidth;
iHeight = document.images[0].height - iHeight;
window.resizeBy(iWidth, iHeight);
self.focus();
};
</script>
</HEAD>
<BODY bgcolor="#000000" onload='FitPic();' topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">
<script language='javascript'>
document.write( "<img src='" + picUrl + "' border=0>" );
</script>
</BODY>
</HTML>
Finally I updated functions.php:
find:
$thumb = "<a href=\"".$site_sess->url(ROOT_PATH."details.php?".URL_IMAGE_ID."=".$image_id.((!empty($mode)) ? "&mode=".$mode : ""))."\" onclick=\"opendetailwindow()\" target=\"detailwindow\">".$thumb."</a>";
and replace it with:
$thumb = "<a href=\"javascript:PopupPic('"."/gallery/data/media/".$cat_id."/".$thumb_file_name."')\">".$thumb."</a>";
*note that the path to my gallery is "/gallery" you may have to update yours accordingly.
Uploaded everything and it worked.
Now when I call "simpleCats.php?cat_id=#" I get all the thumbs in the category as expected. and when I click them I get a pop up that displasy only the image requested - the pop-up automatically resizes to fit the image size
You can see a sample here:
http://photo.frescodesigns.com/simpleCats.php?cat_id=63Hope someone can find this useful