Image frame hotspot demonstration.

Image frame hotspots can be added to panoramas. By positioning the video frame on walls you can create the illusion there is a poster or image there, you can also add the image over a real image in the panorama as a hotspot. If the overview panel is enabled the hotspot information for the image will show in it plus any other related video, images, documents and web links can be shown.

panorama.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<?xml-stylesheet type="text/xsl" href="panorama.xsl"?>
<config>
<main>
	<pageTitle>Image Frame 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</frameId>
	<sphere>grid.jpg</sphere>	
	<roomTitle>Demo Room</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>pictureFrame</hotspotType>		
		<pictureFrameBitmap>pictureframe/ciaras01.jpg</pictureFrameBitmap>		
		<pictureFrameZoomed>1200</pictureFrameZoomed>
		<pictureFrameBrightness>0</pictureFrameBrightness>  	
		<pictureFrameContrast>10</pictureFrameContrast>			
		<pictureFrameSaturation>0</pictureFrameSaturation>		
		<pictureFrameHue>0</pictureFrameHue>					
		<pictureFrameOpacity>1</pictureFrameOpacity> 				
		<placementX>2175</placementX>
		<placementY>720</placementY>
		<placementZ>0</placementZ>				
		<lookatCamera>true</lookatCamera>	
		<rotationPitch>0</rotationPitch>	
		<rotationYaw>0</rotationYaw>		
		<rotationRoll>0</rotationRoll>		
		<sizeWidth>1499</sizeWidth>		
		<sizeHeight>1295</sizeHeight>		
		<actionType>image</actionType>		
		<imageName>ciaras01</imageName>	
		<altTag>Picture frame hotspot Click this image to fly it out</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>
</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>
	<enableImageHotspots_fullscreen>true</enableImageHotspots_fullscreen>

</theme>
</config>