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


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

使用方法
Giffferからファイル一式をダウンロード。
<script type="text/javascript" src="gifffer.js"></script>
<script>
window.onload = function() {
Gifffer();
}
</script>

上記を記述したらgifを下記のようにすれば完成です。
<img data-gifffer="***.gif">
クリックしたらアニメーションgifを動かすJavaScript「Gifffer」サンプル

sponsors

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

記事作成:
記事URL:

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