Web Style Press, Best Practices from all the Web, Build Better Websites » window http://www.webstylepress.com Web VS Style Mon, 26 Dec 2011 10:35:53 +0000 en hourly 1 http://wordpress.org/?v=3.3 Auto Resize Browser Window To Image Size http://www.webstylepress.com/auto-resize-browser-window-to-image-size/ http://www.webstylepress.com/auto-resize-browser-window-to-image-size/#comments Sat, 27 Sep 2008 00:32:48 +0000 Hiroshi http://www.webstylepress.com/?p=100 Auto Resize Browser Window To Image Size is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

]]> This script is typically best for pop-up windows where you want to display random images on request. It will allow browser window to auto-fit according to the image size.

Add this script into head section of web page:

<script language="javascript">
<!--
var i=0;
function resize() {
  if (navigator.appName == 'Netscape') i=40;
  if (document.images[0]) window.resizeTo(document.images[0].width +30, document.images[0].height+80-i);
  self.focus();
  self.moveTo(170,50);
}
//--></script>

We just wrote a function named as resize. Call this function in the body tag of the popup page.

<body onload="resize();">

This function will serve the purpose and on page load it will look for the image size and will resize the browser window according to the image size.

This script is for popup page at which image is placed. Call the popup page with no toolbar or menubar as decsribed below:

<a href="#" onClick="window.open('popup-page.html', '', 'toolbar=0,menubar=0,location=0,left=0,top=113,screenX=0,screenY=100,scrollbars=yes'); return false;">Launch popup</a>

Download Window Resize Script

Auto Resize Browser Window To Image Size is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

]]> http://www.webstylepress.com/auto-resize-browser-window-to-image-size/feed/ 0