title: Change camera dynamically in A-Frame
body: <p>I'm trying something may be insane. Idea is, on mouse hover on a sphere, change the stereo camera with an image. The default camera will be the stereo camera, so on mouseleave all I have to do is set the main camera active and turn off the secondary camera. Is it possible to set the camera on run time? Any help? Thanks in advance.</p>
  
  <pre><code>    &lt;a-assets&gt;
          &lt;img id="image1" src="image1.png"/&gt;
          &lt;img id="image2" src="image2.jpg"/&gt;
      &lt;/a-assets&gt;
      &lt;a-camera &gt;
          &lt;a-image position="0 0 -1" width="0.2" height="0.2" src="#image1"&gt;
      &lt;/a-camera&gt;
  
      &lt;a-camera stereocam position="-47 0 -35" &gt;
          &lt;a-cursor fuse="true" color="black" position="0 0 -1" timeout="500" src="#warning"&gt;
          &lt;/a-cursor&gt;
      &lt;/a-camera&gt;
  </code></pre>