クリックしたらアニメーションgifを動かすJavaScript「Gifffer」

アニメーションgif最近見直されている感じで、見かけることが増えてきました。
ただ、ずっと動いているとちょっと目障りですよね・・・
Giffferを使用するとクリックしたらアニメーションgifを動かすようにできます。

sponsors

使用方法

Giffferからファイル一式をダウンロード。

  <script type="text/javascript" src="gifffer.js"></script>
  <script>
     window.onload = function() {
        Gifffer();
     }
  </script>
  
上記を記述したらgifを下記のようにすれば完成です。
<img data-gifffer="***.gif">

サンプル

普通の


適用版
Javascriptサンプルページ一覧
skuare.net

sponsors