title: How to create a <a-sky></a-sky> image with zoom?
body: <p>i am newbie in a-frame , and i have a simple question(actually it's hard for me)</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://aframe.io/releases/0.5.0/aframe.min.js"&gt;&lt;/script&gt;
  &lt;a-scene&gt;
      &lt;a-assets&gt;
       &lt;img id="sky" src="http://aprinweb.ir/vr/img/monument.jpg"&gt;
      &lt;/a-assets&gt;
      &lt;!-- &lt;a-light type="spot" color="#ff0000" position="0.13 1.31 -1.18" look-at="a-box"&gt;&lt;/a-light&gt; --&gt;
      &lt;a-sky src="#sky"&gt;&lt;/a-sky&gt;
  &lt;/a-scene&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="http://aprinweb.ir/vr/" rel="nofollow noreferrer">http://aprinweb.ir/vr/</a></p>
  
  <p>i build this sample last night , i need to insert zoom for this a-sky tag (because i need to create a vr like virtual tour)
  how can create zoom on aframe to zoom on a picture???
  thanks for your help </p>