Room hotspot demonstration.

Room hotspot links can be placed within the virtual tour to link panoramas together. The hotspots link using the panorama frameId. Many room hotspots can be placed on panoramas with the virtual tour so users can navigate seamlessly around virtual tours of buildings or any space with adjacent panoramas.

panorama.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<?xml-stylesheet type="text/xsl" href="panorama.xsl"?>
<config>
<main>
	<pageTitle>Room Hotspot Demo</pageTitle>
	<theme_enabled>true</theme_enabled>		
	<numConnections>3</numConnections>																
	<retryItem>5</retryItem>																										
	<qualityMotion>low</qualityMotion>										
	<loresFolder>pano/pano_lo</loresFolder>						
	<defaultRes>low</defaultRes>	
	<panoType>spherical</panoType>																		   											
	<sphereSize>5000</sphereSize>													
	<segments>high</segments>															
	<loaderImage>images/loader.png</loaderImage>
</main>
<panorama>
	<frameId>demo_room_1</frameId>
	<sphere>grid.jpg</sphere>	
	<roomTitle>Demo Room 1</roomTitle>
	<startX>0</startX>
	<startY>0</startY>
	<startAuto>0.1</startAuto>
	<startDelay>10</startDelay>
	<zoomMin>1</zoomMin>
	<zoomMax>4</zoomMax>
	<zoomStart>1</zoomStart>
	<zoomSteps>0.1</zoomSteps>
	<stepsKeyboard>75</stepsKeyboard>
	<stepsMouse>60</stepsMouse>
	<friction>0.2</friction>
	<threshold>0.001</threshold>
	<hotspot>
		<hotspotType>Bitmap</hotspotType>		
		<hotspotBitmapOn>arrow_on.png</hotspotBitmapOn>
		<hotspotBitmapOff>arrow.png</hotspotBitmapOff>
		<placementX>2160</placementX>
		<placementY>720</placementY>
		<lookatCamera>true</lookatCamera>
		<sizeWidth>500</sizeWidth>
		<sizeHeight>500</sizeHeight>
		<actionType>room</actionType>
		<actionGoto>demo_room_2</actionGoto>		
		<altTag>Hotspot:bitmap   Action:room</altTag>
		<targetX>0</targetX>
		<targetY>0</targetY>
	</hotspot>
</panorama>
<panorama>
	<frameId>demo_room_2</frameId>
	<sphere>grid2.jpg</sphere>	
	<roomTitle>Demo Room 2</roomTitle>
	<startX>0</startX>
	<startY>0</startY>
	<startAuto>0.1</startAuto>
	<startDelay>10</startDelay>
	<zoomMin>1</zoomMin>
	<zoomMax>4</zoomMax>
	<zoomStart>1</zoomStart>
	<zoomSteps>0.1</zoomSteps>
	<stepsKeyboard>75</stepsKeyboard>
	<stepsMouse>60</stepsMouse>
	<friction>0.2</friction>
	<threshold>0.001</threshold>
	<hotspot>
		<hotspotType>Bitmap</hotspotType>		
		<hotspotBitmapOn>arrow_on.png</hotspotBitmapOn>
		<hotspotBitmapOff>arrow.png</hotspotBitmapOff>
		<placementX>2160</placementX>
		<placementY>720</placementY>
		<lookatCamera>true</lookatCamera>
		<sizeWidth>500</sizeWidth>
		<sizeHeight>500</sizeHeight>
		<actionType>room</actionType>
		<actionGoto>demo_room_1</actionGoto>		
		<altTag>Hotspot:bitmap   Action:room</altTag>
		<targetX>0</targetX>
		<targetY>0</targetY>
	</hotspot>
</panorama>
</config>

config.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<config>
<themeDir>themes/demo</themeDir>
<fullscreenPluginSize>1.0</fullscreenPluginSize>
<plugin>
	<name>info</name>
	<swf>info.swf</swf>
	<posX>150</posX>
	<posY>300</posY>
	<canvas>true</canvas>
	<fullscreen>true</fullscreen>
	<fullscreenPos>bottom right,-420,-220</fullscreenPos>
</plugin>
</config>

theme.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<config>
<theme>
	<canvasWidth>700</canvasWidth>						
	<canvasHeight>513</canvasHeight>					
	<tourWindowWidth>700</tourWindowWidth>		
	<tourWindowHeight>513</tourWindowHeight>	
	<tourWindow_PosX>0</tourWindow_PosX>		
	<tourWindow_PosY>0</tourWindow_PosY>
	<cameraFocus>300</cameraFocus>	
	
	<loadingTxt>Loading</loadingTxt>					
	<mainLoader_PosX>200</mainLoader_PosX>
	<mainLoader_PosY>250</mainLoader_PosY>
	<loader_PosX>200</loader_PosX>
	<loader_PosY>230</loader_PosY>
	
	<fullscreen>true</fullscreen>
	<viewportFullscreenIcon_PosX>15</viewportFullscreenIcon_PosX>
	<viewportFullscreenIcon_PosY>15</viewportFullscreenIcon_PosY>
	<buttonPanel_fullscreenButton_altTag>Fullscreen mode</buttonPanel_fullscreenButton_altTag>
	<buttonPanel_enable_altTags>true</buttonPanel_enable_altTags>
	
	<altTagFontName>Verdana</altTagFontName>
	<altTagFontSize>11</altTagFontSize>
	<altTagFontColour>0xFFFFFF</altTagFontColour>
	<altTagFontBold>false</altTagFontBold>
	<altTagBackground>true</altTagBackground>
	<altTagBackgroundColor>0x462c64</altTagBackgroundColor>
	<altTagHeight>5</altTagHeight>
	
	<fullscreenHS_scale>0.75</fullscreenHS_scale>	
	
	<panoTransitionType>random</panoTransitionType>
	<panoTransitionColour>0x333333</panoTransitionColour> 
	<panoTransitionEffect>all</panoTransitionEffect> 	
	<panoTransitionBlurEffect_percentage>30</panoTransitionBlurEffect_percentage>
	<transitionDuration>1</transitionDuration>
	
</theme>
</config>