WEBサイトでアニメーション 最近はcssアニメーションや、jQueryの.animate()を効果的に使ったサイトが増えてきました。しかし、もうちょっと踏み込んだ表現はFlashに追いつけていないようにも思います。 今回は、画像を一枚ずつ差し替えてアニメーションさせるParaPara.jsを作ってみました。メモリには優しくないですが、これで大抵のアニメーション表現が可能です。 ParaPara.jsはimg要素を素早く差し替えることでアニメーションさせるクラスです(要jQuery1.7以上)。 背景画像をcssのbackground-positionで切り替えるものは見つかったのですが、img要素を切り替えるものは軽くggったところ、見つからなかったので作ってみました。 サンプルを見るにはクリック! スラップスティックなLab.ロゴが見えましたか? 使い方 jqueryとparapara
![jQueryでフレームアニメーションを作る(ParaPara.js) - entacl Lab.](https://cdn-ak-scissors.b.st-hatena.com/image/square/57c851a498832eedadff1a155d37b5b42ba1399b/height=288;version=1;width=512/http%3A%2F%2Fwww.entacl.info%2Fshared%2Fimg%2Flab_logo.jpg)