You are not logged in.

1

Wednesday, February 25th 2009, 10:16pm

min-height problem

Hello!
I would like to set a min size of my krpano window. I put min-height and min-width code to the HTML body syle tag (the end of the long line).
The min-width is working, but min-height makes mistake. The swf is resizing dinamically with the window but it makes a black area under the pano. The height of the black area and the height of the pano is the size of the min-height size.
I hope somebody can help me to fix this problem.
My HTML:

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<html>
<head>
<title>360world.hu - Az "Egri Vár" HDR Virtual Tour</title>
</head>
<style>
body{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; background-color:#000000; margin:0; padding:0; min-width: 900px; min-height: 700px;}
* html, * html body{ overflow: hidden; }
a{ color:#555555; text-decoration:underline; }
a:hover{ color:#AAAAAA; text-decoration:underline; }
</style>
<body>

<div id="krpano">
<noscript><table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br><br>Javascript not activated<br><br></center></td></tr></table></noscript>
</div>


<script type="text/javascript" src="../../swfobject/swfobject.js"></script>
<script type="text/javascript" src="../../swfobject/swfkrpanomousewheel.js"></script>

<script type="text/javascript">
// <![CDATA[
if (typeof(deconcept) !== 'undefined' && deconcept.SWFObjectUtil.getPlayerVersion().major >= 6)
{
 var so = new SWFObject("../../krpano.swf", "krpanoSWFObject", "100%", "100%", "9.0.28","#000000", "center");
 so.addParam("allowFullScreen","true");
 so.addVariable("pano", "tour.xml");
 so.useExpressInstall('../../swfobject/expressinstall.swf');
 so.setAttribute('xiRedirectUrl', window.location);
 if ( so.write("krpano") ) { var mousewheelfixes = new SWFkrpanoMouseWheel(so); }
}
else
{
 document.getElementById("krpano").innerHTML = '<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/download_buttons/get_flash_player.gif" BORDER="1"></a><br>...click here to download...<br><br><br><br></center></td></tr></table>';
}
// ]]>
</script>

</body>
</html>

Best regards:
Peter

2

Saturday, February 28th 2009, 1:24am

Hi,

which browser are you using?
I'm not sure if the "min-height" is implemented well in quicks mode on all browsers
(especially in combination with an embedded object),
but you could use a javascript resize function to force a correct resizing,

have a look at the html source of this example - there I used javascript for resizing,
this works everywhere and this could be easily adjusted:
http://krpano.com/108beta/flash10_example.html

best regards,
Klaus

bulp

Intermediate

Posts: 389

Location: Malaysia

  • Send private message

3

Monday, March 23rd 2009, 3:45am

Mr Klaus.. can i hv the xml code for ur 'other pano' link/click n the 'information' click.... really nice.. *smile*

4

Monday, March 23rd 2009, 8:26am

Mr Klaus.. can i hv the xml code for ur 'other pano' link/click n the 'information' click.... really nice.. *smile*
of course , here is it:
http://krpano.com/108beta/flash10_example.xml

Similar threads