Toolbar Capability
This demonstrates the use of the map plugin to enable a toolbar
and border as a transparent gif over the image. This enables the
image to have a curved edge, and the toolbar uses cartesian (stationary)
hotspots to call appropriate actions.
HTML
CODE:
<applet archive="rubberneck.zip"code="RubberNeck.class"
width="252" height="147" codebase="http://www.360dof.com/">
<param name="plugins.length" value="1">
<param name="actions.length" value="6">
<param name="incRate" value="100">
<param name="rooms[0].hotSpotFG" value="#491517">
<param name="rooms[0].hotSpotBG" value="#FAF6DB">
<param name="rooms[0].image" value="http://www.360dof.com/panoramas/alien.jpg">
<param name="rooms[0].plugins" value="0">
<param name="rooms[0].initaction" value="0">
<param name="plugins[0]" value="ImagePlugIn">
<param name="plugins[0].image" value="http://www.360dof.com/images/toolbarandborder2.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="PositionAction">
<param name="actions[1].time" value="1">
<param name="actions[1].pos.pitch" value="0">
<param name="actions[1].pos.yaw" value="0">
<param name="actions[1].pos.zoom" value="0">
<param name="actions[2]" value="PositionAction">
<param name="actions[2].time" value="30000">
<param name="actions[2].pos.pitch" value="0">
<param name="actions[2].pos.yaw" value="360">
<param name="actions[2].pos.zoom" value="0">
<param name="actions[3]" value="PositionAction">
<param name="actions[3].time" value="2000">
<param name="actions[3].pos.pitch" value="0">
<param name="actions[3].pos.yaw" value="0">
<param name="actions[3].pos.zoom" value="0.5">
<param name="actions[4]" value="PositionAction">
<param name="actions[4].time" value="2000">
<param name="actions[4].pos.pitch" value="0">
<param name="actions[4].pos.yaw" value="0">
<param name="actions[4].pos.zoom" value="-0.5">
<param name="actions[5]" value="TogglePluginAction">
<param name="actions[5].plugin" value="0">
<param name="actions[5].mode" value="toggle">
<param name="plugins[0].hotspots.length" value="6">
<param name="plugins[0].hotspots[0].action" value="0">
<param name="plugins[0].hotspots[0].shape" value="(4,129)(4,146)(20,146)(20,129)">
<param name="plugins[0].hotspots[0].text" value="Rotate(left)">
<param name="plugins[0].hotspots[1].action" value="1">
<param name="plugins[0].hotspots[1].shape" value="(20,129)(20,146)(36,146)(36,129)">
<param name="plugins[0].hotspots[1].text" value="Stop">
<param name="plugins[0].hotspots[2].action" value="2">
<param name="plugins[0].hotspots[2].shape" value="(36,129)(36,146)(52,146)(52,129)">
<param name="plugins[0].hotspots[2].text" value="Rotate(right)">
<param name="plugins[0].hotspots[3].action" value="3">
<param name="plugins[0].hotspots[3].shape" value="(52,129)(52,146)(68,146)(68,129)">
<param name="plugins[0].hotspots[3].text" value="Zoom
In">
<param name="plugins[0].hotspots[4].action" value="4">
<param name="plugins[0].hotspots[4].shape" value="(68,129)(68,146)(84,146)(84,129)">
<param name="plugins[0].hotspots[4].text" value="Zoom
Out">
<param name="plugins[0].hotspots[5].action" value="5">
<param name="plugins[0].hotspots[5].shape" value="(84,129)(84,146)(100,146)(100,129)">
<param name="plugins[0].hotspots[5].text" value="Turn
Toolbar Off">
</applet>
|
|
|
|
