Recreating the Nikebetterworld.com Parallax Effect

パララックス効果をダイナミックに使ったスライダー実装jQueryチュートリアル。
単なるスライダーではなく背景とコンテンツが別々に動くスライダーが作れます。
パララックス効果を使うことで奥行きを出せて画面が切り替わるインパクトも強くすることができますね

見本は nikebetterworld.com というnikeのサイトです。インパクト重視なサイトを作りたい場合に使えそうですね



関連エントリ

• ホイールも効いて超いい感じのカルーセル実装jQueryチュートリアル
• IKEAの家具紹介画像っぽくイメージに注釈を入れるjQueryチュートリアル
• ページメニューにツールチップを表示して分かりやすくするjQueryチュートリアル
• サイト利用のインタラクティブなチュートリアルをリストで定義するだけで超簡単に実現できる「jQuery Joyride」
• jQueryとCSS3でGoogle＋風のアニメーション実装チュートリアル