JavaScript

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

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

[ads_center]

Parallax ImageScrollの使い方

Parallax ImageScroll

Parallax ImageScroll デモ

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

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

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

Parallax ImageScroll

関連記事

  1. AnimateScroll

    JavaScript

    面白いエフェクトのページ内スクロールを実装できるjQueryプラグイン「AnimateScroll」…

    ページの任意の場所にスクロールできるjQueryプラグイン「Anima…

  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでJavaScriptのfor…inを使ってオブジェクトから値を1つずつ取り…

    JavaScriptにはfor...inというプロパティの数だけ繰り返…

  3. Multipicker

    JavaScript

    要素を選択するときに直感的な操作を実現する「Multipicker」

    Multipickerは、日付や曜日、番号、その他さまざまな要素を選択…

  4. no-image

    JavaScript

    jQueryの代わりに使用できるマイクロJavaScriptライブラリ「Selector」

    Selectorは、jQueryの代わりに使用することができるマイクロ…

  5. progresspieSVG

    JavaScript

    円形のプログレスバーを実装できる「progresspieSVG」

    progresspieSVGは円形のプログレスバーを実装できるjQue…

  6. Responsive 3d Fold Scroll

最近の記事

  1. スタンスミス(EDIFICE/IENA別注)
  2. WI-1000XM2
  3. mill オイルヒーター
  4. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP