JavaScript

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

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

[ads_center]

Parallax ImageScrollの使い方

Parallax ImageScroll

Parallax ImageScroll デモ

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

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

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

Parallax ImageScroll

関連記事

  1. JavaScript

    サムネイルをクリックして拡大画像が見れるレスポンシブ対応のjQuery画像ギャラリー「Superbo…

    綺麗に並んだサムネイル画像をクリックして拡大画像を見ることができるjQ…

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

    JavaScript

    jQueryのfocusとblurを使えばフォームが便利になる

    jQueryのfocusとblurを使えばフォームを便利にすることがで…

  3. No Vacancy

    JavaScript

    ネオンサインのようなエフェクトを実装できるjQueryプラグイン「No Vacancy」

    テキストにネオンサインのようなエフェクトを実装することができるjQue…

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

    JavaScript

    jQueryの超基本的なアニメーションを試してみる

    jQueryの基本的なアニメーションを試してみました。やっぱりアニメー…

  5. Intense Images
  6. Sticker.js

    JavaScript

    ペラッとめくるようなエフェクトが素敵なJSライブラリ「Sticker.js」

    画像や要素をペラッとめくるようなエフェクトを実装できるJSライブラリ「…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP