Image hotspot demonstration.

Image hotspots can be placed on items within the panorama, when the hotspot is clicked another image will be displayed. This image can be positioned anywhere within the view port window. If the tour contains an overview panel text, audio, video, web links and documents associated with the item can also be displayed.

panorama.xml

?xml version="1.0" encoding="ISO-8859-1" ?>
<?xml-stylesheet type="text/xsl" href="panorama.xsl"?>
<config>
<main>
	<pageTitle>Image 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>
	
	<hotspotImageCanvas_PosX>60</hotspotImageCanvas_PosX>
	<hotspotImageCanvas_PosY>125</hotspotImageCanvas_PosY>
	<hotspotImageCanvasFrame>true</hotspotImageCanvasFrame>
</main>
<panorama>
	<frameId>image_hotspot_demo</frameId>
	<sphere>grid.jpg</sphere>	
	<roomTitle>Demo</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>info_on.png</hotspotBitmapOn>
		<hotspotBitmapOff>info.png</hotspotBitmapOff>
		<placementX>2160</placementX>
		<placementY>720</placementY>
		<lookatCamera>true</lookatCamera>
		<sizeWidth>500</sizeWidth>
		<sizeHeight>500</sizeHeight>
		<actionType>image</actionType>
		<actionGoto>images/restaurant.jpg</actionGoto>		
		<imageName>Image Demonstration</imageName>
		<altTag>Hotspot:bitmap   Action:image</altTag>
	</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>
	<showImagesInFullscreen>true</showImagesInFullscreen>
	<imageLoadingTxt>Loading image</imageLoadingTxt>
	<infoPanelColour>0x000000</infoPanelColour>												
	<infoPanelOpacity>.5</infoPanelOpacity>			
	<backToTour_PosX>525</backToTour_PosX>
	<backToTour_PosY>3</backToTour_PosY>
	
</theme>
</config>