no-image

JavaScript

手軽にパララックス効果を実装できるシンプル・軽量な「simpleParallax」

simpleParallaxは、手軽にパララックス効果を画像に実装することができるシンプルで軽量なjQueryプラグインです。複雑な機能などを必要とせず、サクッとパララックス効果を画像に適用したいという人にオススメです。

simpleParallax

デモ

デモページでは、下へスクロールしていくと画像に視差効果が加えられているのを確認できるかと思います。それほど大げさなものではなく、さりげないパララックスに仕上がっている印象です。

派手さはないものの、シンプルな分いろんなサイトに合わせやすいプラグインといえるのではないでしょうか?

使い方もかなりシンプルで、手軽に使用できるはず。セッティング可能な項目には、orientationとscaleが用意されています。orientationにはupかdownのいずれかを指定できます。デフォルト値はorientationがup、scaleが1.2です。

Webページにパララックスアニメーションを手軽に実装したいという人は、ぜひ「simpleParallax」をチェックしてみてはいかがでしょうか?

simpleParallax

scrollama.jsスクロールイベントを実装できるモダンで軽量なJSライブラリ「scrollama.js」前のページ

ミニマルでダイナミックなLightboxプラグイン「darkbox.js」次のページno-image

最近の記事

  1. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP