「Gifffer」でGifアニメに再生ボタンをつけて再生のタイミングを制御する

GiffferというJavascriptプラグインを利用することで、Gifアニメーション画像に再生ボタンを追加して再生することができます。

利用方法

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

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

srcをdata-giffferに変更する。

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

便利なプラグインだと思ったのですが、実際に試してみたところ最初に再生ボタンを押した時に、アニメーションの一番はじめからにならず、読み込み途中から表示されてしまうようです。

2回目以降は一番最初から開始されるのですが……。