image size in popup?

TemprateRage

I have a image gallery set up, where it shows a thumbnail on the site, then you click that and the fullsize images appears in a popup. is there a way to set it so that the popup window is the exact size of the image?

Merve

This seems like a JavaScript question. You can use the width and height attributes when you do window.open()

Example:

<?php
$imgsize=array();
for($x=0;$x<=$num_of_pics;$x++) {
     $imgsize=getimagesize("blah".$x.".jpg");

echo "<a href=\"#\" onClick=\"window.open(\'blah.html?img=blah".$x.".jpg\',\'imgwindow\',\'height=".$imgsize[1].",width=".$imgsize[0]."\\')\">";
}
?>

This is just an example and would definitely require further modification.

TheDefender

Once you figure it out, you'll also realize that you don't want it to be the exact height and width... You have to account for things like the title bar, browser borders, status bar, etc... In any respect, even if you strip all of it out, so you only have the title or borders of the window, you still have about 10 pixels to account for (give or take). I believe there is a script at DynamicDrive.com to make a "chromeless window", which removes all of the borders of the browser window, but then you have no close button, so you'd have to account for that too... (Just some food for thought)

zapa

This is JavaScript you open a link
like this...

<A HREF="javascript:display('image.jpg');">Open Image</A>

place in HEAD or in JS file.
// <!--

function display(myimage) {
html = "<HTML><HEAD><TITLE>NYGLASS Photo</TITLE>" +
"</HEAD><BODY BGCOLOR=BLACK LEFTMARGIN=0 " +
"MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER>" +
'<a class="url_nav_links" href="javascript:;" onClick="window.close()">Close Window [x]' +
"<IMG ALT=\"CLICK TO CLOSE WINDOW\" SRC='" + myimage + "' BORDER=0 NAME=image " +
"onload='window.resizeTo(document.image.width + 25,document.image.height + 60)'></a></CENTER>" +
"</BODY></HTML>";
popup=window.open
('','image','top=35,left=135,toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1');
popup.document.open();
popup.document.write(html);
popup.document.focus();
popup.document.close()
};
// -->

Willopen window and resize after image is loaded automatic

Merve

You can easily add 10 or 20 pixels to the height or width in the script I made. You might want to make space for a "close this window" link.