on:2014年3月14日sponsorsアニメーションgifは画像が表示されるとすぐにアニメーションが動き出しますが、それらのアニメーションgifにスタートとストップ機能をつけられるjQueryのプラグインを紹介します。スタートをクリックしてからアニメーションgifをロードするので、ページの軽量化にもなる優れものです。-GitHubgifplayerのデモgifplayerの使い方gifplayerのデモデモでは、アニメーションgifの画像にオーバーレイで「gif」と表示されており、クリックするとアニメーションgifが再生されます。再生中にアニメーションgifをクリックすると、ストップします。demo「gif」ボタンのとこには、三角アイコンや「再生」ボタンでもよさそうですね。外部ファイルjquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。HTMLHTMLはimg要素で静止時の画像を配置し、data属性でアニメーションgifを指定します。class="gifs"/>data属性を使用せずに、静止画像とアニメーションgifを同じ名前で同じフォルダに入れておくだけでも大丈夫です。JavaScriptjQueryのセレクタで画像を指定し、スクリプトを実行します。Posts関連記事が見つかりませんでした。