title: Animated gifs not restarting in Firefox (with examples)
body: <h2>Description of Problem:</h2>
  
  <p>Animated gifs don't appear to restart properly in Firefox under many circumstances. This is an issue I only experience in Mozilla and with no other browser.</p>
  
  <p>For example, why does <a href="http://jsfiddle.net/jvqQY/123/" rel="nofollow">this</a> work to always restart it, but <a href="http://jsfiddle.net/jvqQY/124/" rel="nofollow">this</a> does not? In the latter, the gif is clearly cached and looping forever in the background, so when you call .show() it will appear at some random point in the middle of the animation.</p>
  
  <p>How can I achieve what I'm attempting to do in the second Fiddle and force the gif to restart each time I hide it? And no, I don't want to redownload the entire gif every single time, so appending <code>'?random=' + Date.now()</code> to the image is not a solution.</p>
  
  <h2>Code from <a href="http://jsfiddle.net/jvqQY/123/" rel="nofollow">Link #1</a>:</h2>
  
  <pre><code>$('#still, #animated').click(function() {
      animated.attr('src', "");
      animated.attr('src', srcToGif);
  });
  </code></pre>
  
  <h2>Code from <a href="http://jsfiddle.net/jvqQY/124/" rel="nofollow">Link #2</a>:</h2>
  
  <pre><code>$('#still, #animated').click(function() {
      if (!clicked) {
          clicked = 1;
          animated.attr('src', "");
          animated.attr('src', srcToGif);
          animated.show();
          setTimeout(function() {
              animated.hide();
              clicked = 0;
          }, 9500);
      }
  });
  </code></pre>