jQueryでフレームアニメーションを作る（ParaPara.js） - entacl Lab.
WEBサイトでアニメーション 最近はcssアニメーションや、jQueryの.animate()を効果的に使ったサイトが増えてきました。しかし、もうちょっと踏み込んだ表現はFlashに追いつけていないようにも思います。 今回は、画像を一枚ずつ差し替えてアニメーションさせるParaPara.jsを作ってみました。メモリには優しくないですが、これで大抵のアニメーション表現が可能です。 ParaPara.jsはimg要素を素早く差し替えることでアニメーションさせるクラスです（要jQuery1.7以上）。 背景画像をcssのbackground-positionで切り替えるものは見つかったのですが、img要素を切り替えるものは軽くggったところ、見つからなかったので作ってみました。 サンプルを見るにはクリック! スラップスティックなLab.ロゴが見えましたか？ 使い方 jqueryとparapara
【jQuery】jQueryでパラパラアニメを実現するプラグイン | バシャログ。
ノストラダムスのことも思い出してあげてください。minamiです。 jQueryを使ってちょっとしたアニメーションを作ることも多いかと思いますが、jQuery.animateのようにCSSのプロパティをいじってアニメーションするのに加えてちょっとだけgifアニメのようなことができたらな～ということでjQueryのプラグインを作ってみました。 まずはサンプルをごらんください。 サンプル アニメーションの出来はともかくとして、動いています。STOPボタンを押すと途中で止めることもできます。 しくみ 用意するもの アニメーション用png（スプライト） jQuery※サンプルではv1.8.2 jquery.backgroundpos.min.js jquery.limitAnime.js まずアニメーション用の画像ですが、下記のようにコマを均等な幅で作った一枚の画像を用意します。これを要素の背景画
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
