Inspired by the answer of @Karussell I wrote Gifffer. Check it out here https://github.com/krasimir/gifffer
It automatically adds stop/play control on top of your Gif.
More Related Contents:
- Animated gif only loops once in Chrome and Firefox
- Proper way to reset a GIF animation with display:none on Chrome
- Extracting single frames from an animated GIF to canvas
- Single event handler for four button clicks
- Parse an HTML string with JS
- Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink
- How to get the raw value an field?
- Replacing css file on the fly (and apply the new style to the page)
- Losing scope when using ng-include
- Prevent Page Load on Jquery Form Submit with None Display Button
- Is there a way to add/remove several classes in one single instruction with classList?
- how to make a jquery “$.post” request synchronous [duplicate]
- Pass mouse events through absolutely-positioned element
- JSON object undefined in Internet Explorer 8
- Responsive horizontal page sliding
- JS – window.history – Delete a state
- Embed an External Page Without an Iframe?
- How can I detect Internet Explorer (IE) and Microsoft Edge using JavaScript?
- Embed HTML5 YouTube video without iframe?
- Javascript show element on click
- Prepending “http://” to a URL that doesn’t already contain “http://”
- Change Button color onClick
- how to resolve iframe cross domain issue [duplicate]
- Putting default value in
- How to store objects in HTML5 localStorage/sessionStorage
- What are some good ways to prevent people from copying my source code? [closed]
- Is there a way to load images to user’s cache asynchronously?
- Uncaught ReferenceError: $ is not defined error in jQuery
- Waiting for dynamically loaded script
- Detect failure to load contents of an iframe