JQuery Background Image Scrollは、シンプルで美しいレスポンシブに対応したパララックススクロールを実装することができるjQueryプラグインです。手軽に実装可能なうえに、オプションもいくつか揃っているのでカスタマイズして使うこともできます。
JQuery Background Image Scroll
以下、JQuery Background Image Scrollの実際のデモページになります。
デモ
デモページではブラウザ幅いっぱいに広がった画像が表示されていて、上下にスクロールするとパララックス（視差効果）を体感することができます。
都会の高層ビル群を眼下に望むダイナミックなその画像は、パララックス効果が加わることでより臨場感が増しますね。レスポンシブにも対応しているので、PC・モバイル問わずいろんなデバイスで楽しめるのがグッドです。
使い方もかなりシンプルなうえに、オプションもいくつか用意されています。主なオプション項目は、bgpositionx、direction、debug、max、minです。各オプションのデフォルト値は、bgpositionxが50、directionが’top’、debugがfalse、maxが’100’、minが’0’です。
シンプルで美しいレスポンシブなパララックスを実装したい人は、ぜひ「JQuery Background Image Scroll」をチェックしてみてください。詳しい使い方やダウンロードは、以下のページからどうぞ。
