External Toolbar

JavaScript:

  <script language="JavaScript">
  <!--
   function jsSetAction(i)
  {
   document.applets["rubberneckapplet"].jsSetActiveAction(i);
  }
  //-->
   </script>

Applet:

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

 <param name="rooms[0].initaction" value="2">
 <param name="rooms[0].image" value="http://www.360dof.com/panoramas/govhouse.jpg">
 <param name="rooms[0].maxzoom" value="3.0">
 <param name="rooms[0].inityaw" value="113">

 <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">
 </applet>

HTML:

This code shows how to use text on the webpage to control the applet animation

     <a href="javascript:jsSetAction(2);"> Rotate Left  </a>
     <a href="javascript:jsSetAction(3);"> Pause  </a>
     <a href="javascript:jsSetAction(1);"> Rotate Right  </a>
     <a href="javascript:jsSetAction(4);"> Zoom In  </a>
     <a href="javascript:jsSetAction(5);"> Zoom Out  </a>

This code shows how to use pictures of buttons on the webpage to control the applet animation

     <a href="javascript:jsSetAction(2);">  <img src="tool1.jpg">  </a>
     <a href="javascript:jsSetAction(3);">  <img src="tool1.jpg">  </a>
     <a href="javascript:jsSetAction(1);">  <img src="tool1.jpg">  </a>
     <a href="javascript:jsSetAction(4);">  <img src="tool1.jpg">  </a>
     <a href="javascript:jsSetAction(5);">  <img src="tool1.jpg">  </a>