WEBサイトでアニメーション 最近はcssアニメーションや、jQueryの.animate()を効果的に使ったサイトが増えてきました。しかし、もうちょっと踏み込んだ表現はFlashに追いつけていないようにも思います。 今回は、画像を一枚ずつ差し替えてアニメーションさせるParaPara.jsを作ってみました。メモリには優しくないですが、これで大抵のアニメーション表現が可能です。 ParaPara.jsはimg要素を素早く差し替えることでアニメーションさせるクラスです(要jQuery1.7以上)。 背景画像をcssのbackground-positionで切り替えるものは見つかったのですが、img要素を切り替えるものは軽くggったところ、見つからなかったので作ってみました。 サンプルを見るにはクリック! スラップスティックなLab.ロゴが見えましたか? 使い方 jqueryとparapara