no-image

JavaScript

さまざまなデバイスに対応したパララックスを実装できる「PARALLAX」

PARALLAXは、さまざまなデバイスに対応したシンプルなパララックスを実装することができるjQueryプラグインです。圧縮版で2KBほどと、とても軽量なところがうれしいですね。レスポンシブモードも備えています。

PARALLAX

PARALLAX

デモページでは画面をスクロールすることでパララックスによる視差効果を見ることができます。シンプルながらも、やはりパララックスということで、その動きに注目してしまいますね。

PARALLAXの開発・テストでは、jQuery 3.2.1が使われているとのこと。

また、オプションもいくつか用意されており、parallaxEmphasis、reverseParallax、responsiveといった項目のセッティングが可能です。デフォルト値は、parallaxEmphasisが50、reverseParallaxがfalse、responsiveがfalseです。

ちなみに、responsiveを有効にすることで、レスポンシブモードの設定ができるようになります。好きなブレイクポイントを設定し、各ブレイクポイントに対してparallaxEmphasisの値を設定するといったことが可能です。

シンプルながらも、カスタマイズ性に優れたパララックスを実装したいという人にはうれしい仕様になるはず。

というわけで、さまざまなデバイスに対応できる軽量のパララックスを取り入れたい人は、ぜひ「PARALLAX」を活用されてみてはいかがでしょうか?

jquery-base-slider多彩なオプションが用意されたメジャータイプのスライダー「jquery-base-slider」前のページ

優れたパフォーマンスと互換性を備えたアニメーションライブラリ「AniX」次のページAniX

関連記事

  1. CSS3 Menu Slider
  2. Bootstrap Show Password
  3. no-image

    JavaScript

    高性能なイメージビューアを実装できる「PhotoViewer」

    PhotoViewerは高性能なイメージビューアを実装できるJSプラグ…

  4. ToProgress

    JavaScript

    画面上部に軽量なプログレスバーを実装できる「ToProgress」

    ToProgressは画面上部にシンプルで軽量なプログレスバーを実装で…

  5. Naver

    JavaScript

    シンプルですごくいい!レスポンシブに合うナビゲーションのjQueryプラグイン「Naver」

    NaverというjQueryプラグインがすごくシンプルでよかったのでご…

最近の記事

  1. 岩木山
  2. パーソナルパーティション

アーカイブ

PAGE TOP