title: Proper way to reset a GIF animation with display:none on Chrome
body: <p>Title is self-explanatory, but I'll provide a step-by-step view on the matter. Hopefully I'm not the first one to have noticed this (apparently) bug on Webkit/Chrome.</p>
  
  <p>I want to reset a GIF animation. All of the examples I've seen so far either simply set the <code>src</code> of the image to itself or set it to an empty string followed by the original <code>src</code> again.</p>
  
  <p>Take a look at this <strong><a href="http://jsfiddle.net/ult_combo/Fuy9w/3/" rel="noreferrer">JSFiddle</a></strong> for reference. The GIF resets perfectly fine on IE, Firefox and Chrome.</p>
  
  <p>The issue which I have is when the image has <code>display:none</code> on <strong>Google Chrome only</strong>.</p>
  
  <p>Check this <strong><a href="http://jsfiddle.net/ult_combo/F8Q44/3/" rel="noreferrer">JSFiddle</a></strong>.  The GIF resets fine on IE and Firefox before being displayed in the page, but Chrome simply refuses to reset its animation!</p>
  
  <p><strong>What I've tried so far:</strong></p>
  
  <ul>
  <li>Setting the <code>src</code> to itself as in Fiddle, doesn't work in Chrome.</li>
  <li>Setting the <code>src</code> to an empty string and restoring it to the default, doesn't work either.</li>
  <li>Putting an wrapper around the image, emptying the container through <code>.html('')</code> and putting the image back inside of it, doesn't work either.</li>
  <li>Changing the <code>display</code> of the image through <code>.show()</code> or <code>.fadeIn()</code> right before setting the <code>src</code> doesn't work either.</li>
  </ul>
  
  <p>The <strong>only</strong> workaround which I've found so far is keeping the image with its default <code>display</code> and manipulating it through <code>.animate()</code>ing and <code>.css()</code>ing the opacity, height and visibility when necessary to simulate a <code>display:none</code> behaviour.</p>
  
  <p>The main reason (context) of this question is that I wanted to reset an ajax loader GIF right before fading it in the page.</p>
  
  <p>So my question is, is there a proper way to reset a GIF image's animation (which avoids Chrome's <code>display:none</code> "bug") or is it actually a bug?</p>
  
  <p>(ps. You may change the GIF in the fiddles for a more appropriate/longer animation gif for testing)</p>