no-image

JavaScript

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

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

simpleParallax

デモ

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

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

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

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

simpleParallax

関連記事

  1. Multi-Level Accordion Menu
  2. MG Space

    JavaScript

    Google画像のようなアコーディオンプラグイン「MG Space」

    MG SpaceはGoogle画像のようなjQueryアコーディオンプ…

  3. JavaScript

    jQuery illuminateを使えばボタンに光を加え点滅させたりして注目させることができる

    ちょっと面白そうだったので使ってみました。jQuery illumin…

  4. Thumbelina

    JavaScript

    サムネイル画像のギャラリーに最適なコンテンツスライダー「Thumbelina」

    Thumbelinaは、サムネイル画像に最適なコンテンツスライダーを実…

  5. Tipso

    JavaScript

    レスポンシブでアニメーションもいい感じのツールチップのjQueryプラグイン「Tipso」

    Tipsoはレスポンシブに対応した軽量でアニメーションもいい感じのツー…

  6. Slideout.js

    JavaScript

    軽量でタッチスライド対応のサイドメニュー・Slideout.js

    Slideout.jsは軽量でスマフォでのタッチスライドに対応したサイ…

最近の記事

  1. Soundcore Liberty Air 2
  2. Soundcore Liberty 2
  3. マザーツリー
  4. RICOH THETA SC2

アーカイブ

PAGE TOP