title: Animate an image to go off-screen, and hide it when it's gone?
body: <pre><code>$('.container').append('&lt;img class="spinning-coin-image" src="img/coin-spinning-transparent.gif" style="position:absolute; top:50px"&gt;');
  
     function coinLeft() {
        $(".spinning-coin-image").animate({left: "-=5100"}, 5000, "swing", coinRight);
     }
     function coinRight() {
        $(".spinning-coin-image").animate({left: "+=5000"}, 5000, "swing", coinLeft);
     }
  
     coinRight();
  </code></pre>
  
  <p>I'm trying to find a way to take my image, <code>coin-spinning-transparent.gif</code>, and animate it so it flies off screen, and then re-appears. 
  The problem I found is that 1, if you have more than 5000 horizontal pixels, it won’t actually go off-screen, and 2, this seems really inefficient.</p>