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

harada 1,880views 更新:2014年7月31日

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

利用方法

Javascript

<script type="text/javascript" src="gifffer.min.js"></script>
window.onload = function() {
    Gifffer();
}

HTML

srcdata-giffferに変更する。

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

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

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

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません