A JS Library to Add Play Controls To An Animated GIF – Gifffer

Category: Animation , Javascript | June 14, 2018
Author: krasimir
Views Total: 2,448
Official Page: Go to website
Last Update: June 14, 2018
License: MIT

Preview:

A JS Library to Add Play Controls To An Animated GIF – Gifffer

Description:

Gifffer is a small Javascript library which disables the autoplaying of an animated GIF and adds play controls over it that allow to play, pause, resume the GIF according to your needs.

Basic Usage:

Include the necessary gifffer.js at the end of the document.

<script type="text/javascript" src="lib/gifffer.js"></script>

Insert an IMG tag in your document and use data-gifffer attribute to specify the source your GIF instead of src.

<img data-gifffer="image.gif" />

Initialization.

window.onload = function() {
  Gifffer();
}

All the options can be passed via data-OPTION attributes in the IMG tag.

<img 
     data-gifffer="image.gif" 
     data-gifffer-width="250" 
     data-gifffer-height="250"
>

Changelog:

v1.5.1 (06/14/2018)

  • Fixing a wrong calculation

Leave a Reply