JavaScript

パララックス効果を画像に実装できるjQueryプラグイン「Parallax ImageScroll」

Parallax ImageScrollというjQueryプラグインを使えば、パララックス効果を画像に実装することができます。スクロールすることでパララックスを演出できるので、コンテンツと画像に集中したくなりますね。動きがおもしろいですからね。

[ads_center]

Parallax ImageScrollの使い方

Parallax ImageScroll

Parallax ImageScroll デモ

上記から実際のデモを確認することができます。下へスクロールしていくと画像とコンテンツが別々に動きだします。画面いっぱいに使った画像がダイナミックですね。

$('.img-holder').imageScroll();

また、オプションを使用することでパララックス自体のof/offを設定することもできます。他にもパララックスエフェクトのスピードやモバイル時のタッチの有無なんかも指定することが可能です。

Parallax ImageScroll

関連記事

  1. Protip

    JavaScript

    カスタマイズ性抜群のツールチップを実装できる「Protip」

    Protipはカスタマイズ性が抜群のツールチップを実装することができる…

  2. no-image

    JavaScript

    レスポンシブ対応の軽量・コンパクトでシンプルなモーダルボックス「Modelo」

    Modeloは軽量・コンパクトなモーダルボックスを実装できるjQuer…

  3. marginotes

    JavaScript

    テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」

    marginotesは、クールなマージンノートを作成するjQueryプ…

  4. Material ScrollTop Button
  5. FlipClock.js

    JavaScript

    時計・タイマー・カウントダウンを実装できるjQueryプラグイン「FlipClock.js」

    FlipClock.jsというjQueryプラグインを使えば、時計・タ…

  6. Image Lightbox

最近の記事

  1. プラスシェル シティ04 フォールディングカメラケース
  2. enerpad AC-27KS
  3. KMS-160

アーカイブ

PAGE TOP