You could add the following script to <head>. This determines the browser's width and height whenever the page is loaded. These numbers can then be inserted into swfobject.embedSWF.
<head>
<title>Document title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript" src="megazine.js"></script>
<script type="text/javascript">
var width = 0;
var height = 0;
if (typeof(window.innerWidth) == 'number') {
//Non-IE
width = window.innerWidth;
height = window.innerHeight;
} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
//IE 6+ in 'standards compliant mode'
width = document.documentElement.clientWidth;
height = document.documentElement.clientHeight;
} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
//IE 4 compatible
width = document.body.clientWidth;
height = document.body.clientHeight;
}
var docwidth = 1652; //my document width when opened and showing 2 pages
var minscale = (width - 40) / docwidth; //minus padding 20 pixels (both left and right)
var top = 105 / minscale; //adjust distance from top proportionately
swfobject.embedSWF("megazine.swf", "megazine", "100%", "100%", "9.0.115", "expressInstall.swf",
{xmlFile:"megazine.xml", minScale:minscale, maxScale:"1", top:top},
{wmode:"transparent"},
{id:"megazine"}
);
</script>
</head>
I think Megazine3 could do this automatically as the browser is resized, although I haven't got a working example for this.
David
