title: gif animation play only once onclick and mousedown
body: <p>I have two images: static and animated. I am trying to play that animated image but only once. After that, it will change to static one.</p>
  
  <p>My Code:</p>
  
  <pre><code>$(document).ready(function () {
      $('#targetDIV_three').bind('click mousedown', function () {
          srcToGif2 = "http://demo.pink-squid.co.uk/christmas/s3.gif";
          $("#divthree_three").attr('src', srcToGif2);
      });
  });
  </code></pre>
  
  <p>Fiddle : <a href="http://jsfiddle.net/squidraj/33Sqd/" rel="nofollow">http://jsfiddle.net/squidraj/33Sqd/</a></p>
  
  <p>Currently, it is not stopping after the first animation.</p>
  
  <hr>
  
  <p>Latest fiddle with single animated loop gif.</p>
  
  <p><a href="http://jsfiddle.net/squidraj/4rC8D/1/" rel="nofollow">http://jsfiddle.net/squidraj/4rC8D/1/</a></p>
  
  <p>Now can't see the animation though the img src is changing.</p>