Search   
 
 Home > Developers Domain > Templates > Automatic Animation

Map Overlay


This Template demonstrates the use of a map overlay with cartesian hotspots to load rooms into the applet depending on which room on the map is clicked.

HTML CODE:

<applet name="rangeview" archive="rubberneck.zip" id=RubberNeck code="RubberNeck.class" width=252 height=147 codebase="http://www.360dof.com/">
<param name="rooms.length" value=4>
<param name="plugins.length" value=1>
<param name="actions.length" value=6>
<param name="incRate" value="100">
<param name="SuppressHotspots" value="false">

<param name="rooms[0].initaction" value="0">
<param name="rooms[0].image" value="http://www.360dof.com/panoramas/entry_pano_final.jpg">
<param name="rooms[0].plugins" value="0">

<param name="rooms[1].initaction" value="0">
<param name="rooms[1].image" value="http://www.360dof.com/panoramas/lounge_pano_final.jpg">
<param name="rooms[1].plugins" value="0">

<param name="rooms[2].initaction" value="0">
<param name="rooms[2].image" value="http://www.360dof.com/panoramas/master_pano_final.jpg">
<param name="rooms[2].plugins" value="0">

<param name="rooms[3].initaction" value="0">
<param name="rooms[3].image" value="http://www.360dof.com/panoramas/theatre_pano_final.jpg">
<param name="rooms[3].plugins" value="0">

<param name="plugins[0]" value="ImagePlugIn">
<param name="plugins[0].horizontal" value="60">
<param name="plugins[0].vertical" value="60">
<param name="plugins[0].image" value="http://www.360dof.com/images/floorplan3.gif">
<param name="plugins[0].focuswhenon" value="false">

<param name="actions[0]" value="PositionAction">
<param name="actions[0].time" value="30000">
<param name="actions[0].pos.pitch" value="0">
<param name="actions[0].pos.yaw" value="360">
<param name="actions[0].pos.zoom" value="0">

<param name="actions[1]" value="TogglePluginAction">
<param name="actions[1].plugins" value="0">

<param name="actions[2]" value="LoadRoomAction">
<param name="actions[2].room" value="1">

<param name="actions[3]" value="LoadRoomAction">
<param name="actions[3].room" value="2">

<param name="actions[4]" value="LoadRoomAction">
<param name="actions[4].room" value="3">

<param name="actions[5]" value="LoadRoomAction">
<param name="actions[5].room" value="0">

<param name="plugins[0].hotspots.length" value="4">

<param name="plugins[0].hotspots[0].action" value="2">
<param name="plugins[0].hotspots[0].shape" value="(9,55)(9,33)(36,33)(36,55)">
<param name="plugins[0].hotspots[0].text" value="Lounge Room">

<param name="plugins[0].hotspots[1].action" value="4">
<param name="plugins[0].hotspots[1].shape" value="(9,33)(9,9)(36,9)(36,33)">
<param name="plugins[0].hotspots[1].text" value="Theatre">

<param name="plugins[0].hotspots[2].action" value="5">
<param name="plugins[0].hotspots[2].shape" value="(36,55)(36,27)(62,27)(62,55)">
<param name="plugins[0].hotspots[2].text" value="Entry">

<param name="plugins[0].hotspots[3].action" value="3">
<param name="plugins[0].hotspots[3].shape" value="(62,55)(62,27)(91,27)(91,55)">
<param name="plugins[0].hotspots[3].text" value="Master Bedroom">
</applet>


Copyright 360 Degrees Of Freedom ABN 56 055 222 118, 1996-2003
Web Site Terms of Use |  About This Site |  Privacy and Security Statement