Auto-Resize Pop-Up Window based on Image Size w/ASP:
Click here
to test this script.
*Works in IE4+, IE5+, NN4+, NN6
Code:
Save as default.asp
Highlight
<html> <head> <script language="JavaScript"> function openWin(url,windowName,options){ var WindowHandle=window.open(url,windowName,options); } </script> </head> <body> <img src=1_thumb.jpg> <p><a href="javascript:openWin('popup.asp?PathToImage=1_full.jpg','ImageWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=400,height=360')">View Full Size</a> </body> </html>
save as popup.asp
Highlight
<html> <head> <script language="JavaScript"> var myHeight = 0; var myWidth = 0; myImage = new Image(); myImage.src = "<%=server.HTMLenCode(request.querystring("PathToImage"))%>"; function detectResize(){ var safecounter = 0; while( !myImage.complete ){ safecounter++; if(safecounter > 10000){ break; } } if (document.layers){ //Netscape 4 myHeight = myImage.height + 0; myWidth = myImage.width + 0; } else if (document.getElementById&&!document.all){ //Netscape 6 myHeight = myImage.height + 27; myWidth = myImage.width + 8; } else{ //Internet Explorer myHeight = myImage.height + 29; myWidth = myImage.width + 10; } if(myHeight == 29 ){ myHeight = 400; myWidth = 400; } self.resizeTo( myWidth, myHeight ); window.focus(); } </script> </head> <body background="<%=server.HTMLenCode(request.querystring("PathToImage"))%>" bgcolor=#ffffff topmargin=0 leftmargin=0 marginheight=0 marginwidth=0 onload="detectResize()"> </body> </html>