Switch to Fullscreen- Pano Viewing Area Resize Problem

Malcolm · January 10, 2011 at 12:29 PM

Dear KRPano Users,

*Recently (happily) converted to KRPano due to the superior image/render quality and panning smoothness. Still very much a novice with coding though.

Problem occurs after clicking the fullscreen button. The Windows Explorer toolbars etc. disappear as they should. However, the pano image area/viewing window itself does not resize to fullscreen (see attachment illustration). I have this coding (as per the XML documentation):

Code

<area mode="align"
  	x="2.5%"
  	y="20%"
  	width="95%"
  	height="62.5%"
  	/>

How do I override these settings on clicking the fullscreen button? I have tried the 'STAGE' coding but it didn't work. Completely stuck and can't find answer in forums/documentation. My fullscreen setting includes the following code (copied from templates):

Code

<events onxmlcomplete="setuppano();"
	    	onenterfullscreen="set(plugin[openfs].visible,false);
	                       	set(plugin[closefs].visible,true);
	                       	if(isandroid, set(plugin[android_openfs].visible,false); set(plugin[android_closefs].visible,true);  );
							  "
	    	onexitfullscreen ="set(plugin[openfs].visible,true);
	                       	set(plugin[closefs].visible,false);
	                       	if(isandroid, set(plugin[android_openfs].visible,true);  set(plugin[android_closefs].visible,false); );
	                      	"
	    	/>

Code

<plugin name="openfs"   devices="desktop|tablet" align="bottom" x="+140" y="10" style="button" crop="280|0|40|40" onovercrop="280|40|40|40" ondowncrop="280|80|40|40" onhover="showtext(Fullscreen, buttonstyle);"  	onclick="set(fullscreen,true);"  visible="true"  />
	<plugin name="closefs"  devices="desktop|tablet" align="bottom" x="+140" y="10" style="button" crop="320|0|40|40" onovercrop="320|40|40|40" ondowncrop="320|80|40|40" onhover="showtext(Exit Fullscreen,buttonstyle);"  onclick="set(fullscreen,false);" visible="false" />

Thanks for your help in advance,

Malcolm

Tuur · January 10, 2011 at 1:24 PM

well,

i always make an action area1 orso

Code

<action name="area1">
			
			
			set(area.left, 0);
			set(area.top, 0);
			set(area.right, 0);
			set(area.bottom, 0	);
			
			
	
	
	</action>

Display More

and

Code

<events onenterfullscreen="area1();action(enterfs);"
	        onexitfullscreen="action(exitfs);"
	        />

tested and works

example
http://www.virtualtuur.com/vosbergen/

i made also an area 2 here to go back when u exit fullscreen..
Have fun!

btw area doesn't work on devices..

Tuur

Malcolm · January 10, 2011 at 1:42 PM

Thanks a lot Tuur, will have a crack at this and see what happens. Should be simple enough!

Tuur · January 10, 2011 at 1:43 PM

very simple

Switch to Fullscreen- Pano Viewing Area Resize Problem

Participate now!

Users Viewing This Thread