title: Play one part of GIF first, then loop a certain section indefinitely
body: <p>I have an animated gif with transparency over at my website <a href="http://lakewoodcreativeco.com/" rel="nofollow noreferrer">here</a>.</p>
  
  <p>Ideally I would like this to play the animation once and then repeat a few frames that has the entire logo in it, but it doesn't look like a single gif will be able to accomplish this.</p>
  
  <p>Doing some research it looks like I have a few options, but I'm not sure what's best in a scenario like this.</p>
  
  <ol>
  <li><p>Use javascript to time the gif and then swap images out when it <em>should</em> be done playing. This seems very unreliable and on slow connections it probably won't function like I want to at all. I don't think there's other ways to detect when a gif animation has finished playing, but I might be wrong on that.</p></li>
  <li><p>Use a format other than gif that might be able to accomplish this for me. </p></li>
  <li><p>Edit the gif so that it only plays through once, and make the last frame a still of what I'd like. This would remove any animation and I'd rather go for that hand drawn, animated feel but I have a feeling I might end up doing this.</p></li>
  <li><p>Somehow find a pure javascript/svg + path solution which seems incredibly difficult &amp; not something that I can do relatively quickly at all.</p></li>
  </ol>
  
  <p>Has anyone faced a problem similar to this that has any suggestions?</p>