I am trying to made a page with a left column <div id="left"> containing some menu and a right column <div id="panorama"> containing the panorama that must fill 100% of the remaining surface of the page. Here below the page.
It works fine with IE and Safari, but with Firefox the panorama is not shown due to the 100% size issue of Firefox.
The first FAQ at http://code.google.com/p/swfobject/wiki/faq seems to provide a solution but I don't understand how to implement step 3 with krpano.
I have tryed the resizepano() function available in https://krpano.com/108beta/flash10_example.html, that works with swfobject 1.5 but I am not able to use with swfobject 2.1 (that I need to use)
Any suggestion? Thanks Marco
<html>
<head runat="server">
<title>test krpano</title>
<script type="text/javascript" src="swfobject21/swfobject.js"></script>
<script type="text/javascript" src="swfobject21/swfkrpanomousewheel.js"></script>
<script type="text/javascript">
var flashvars = {
pano: "myPano.xml"
}
var params = {
allowfullscreen: true,
bgcolor: "#000000"
}
var attributes = {
id: 'divKrpano',
name: 'krpano'
}
swfobject.embedSWF("krpano.swf",
"divKrpano",
"100%",
"100%",
"9.0.28",
"swfobject21/expressInstall.swf",
flashvars,
params,
attributes);
swfkrpanomousewheel.registerObject("krpano");
</script>
</head>
<body>
<div>
<div id="left" style="width: 200px; float: left">
menu here
</div>
<div id="panorama" style="margin-left: 200px">
<div id="divKrpano">
<table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br><br>Adobe Flash Player 9 needed<br><br><br><a href="http://www.adobe.com/go/getflashplayer/" target="_blank"><IMG SRC="http://www.macromedia.com/images/shared/…lash_player.gif" BORDER="1"></a><br>...click here to download...<br><br><br><br></center></td></tr>
</table>
</div>
</div>
</div>
</form>
</body>
</html>