title: How do I buffer an image, show it when I want to, and be able to move it
body: <p>I looked forever for how to do this but can't figure out how. The best I have done is made an image with HTML. I tried to edit the image settings after it was made like how you use <code>document.getElementById()</code> to change text, but I couldn't get it to work.</p>
  
  <p>my code so far...</p>
  
  <pre><code>    function run() {
      x++;
      y++;
      if (x==10 || x==30) {
          exmp.visibility = show //doesn't work
      }
      if (x==20 || x==40) {
          exmp.visibility = hidden //doesn't work
      }
      if (x==50) {
          x=0
          y=0
      }
      document.getElementById("exmp").style = "position:absolute; TOP:0px; LEFT:0px; WIDTH:239px; HEIGHT:74px" //doesn't work
  }
  x=0
  y=0
  document.write("&lt;div ID=\"exmp\"; STYLE=\"position:absolute; TOP:0px; LEFT:0px; WIDTH:239px; HEIGHT:74px\"&gt;  &lt;IMG SRC=\"exmp.png\"; alt=\"image\"&gt; &lt;/div&gt;");
  setInterval(run,33);
  </code></pre>