JavaScript

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

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

[ads_center]

Parallax ImageScrollの使い方

Parallax ImageScroll

Parallax ImageScroll デモ

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

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

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

Parallax ImageScroll

レスポンシブでカスタマイズ性に優れたカルーセルを実装できるjQueryプラグイン「slick」前のページ

レスポンシブでタッチ対応のLightbox風ギャラリーを実装できるjQueryプラグイン「lightGallery」次のページlightGallery

関連記事

  1. no-image

    JavaScript

    レスポンシブでマルチレベルに対応したナビゲーション「K-Responsive-Menu」

    K-Responsive-Menuは、レスポンシブでマルチレベルに対応…

  2. Sticky Elements

    JavaScript

    エレメントがくっついてくるアニメーション「Sticky Elements」

    Sticky Elementsはエレメントにカーソルを乗せるとくっつい…

  3. JavaScript

    レスポンシブでカスタマイズ性に優れたカルーセルを実装できるjQueryプラグイン「slick」

    slickというjQueryプラグインを使えば、レスポンシブでカスタマ…

  4. Inspiration for Grid Loading Animations
  5. Flurry

    JavaScript

    Webページに雪を美しく降らせる冬にピッタリのjQueryプラグイン「Flurry」

    FlurryはWebページに雪を美しく降らせてくれるアニメーションを実…

  6. JavaScript

    レスポンシブ対応のカッコイイLightbox風jQueryプラグイン「Lightcase」

    Lightcaseはフレキシブルでレスポンシブに対応したLightbo…

最近の記事

  1. 濃いアーモンドミルク
  2. COMOLI ベタシャンプルオーバーシャツ
  3. ユニクロ エアリズム マイクロメッシュVネックT(半袖)
  4. ライオン システマ 超コンパクト ふつう
  5. タリーズ ハムチーズ&サラダサンド

アーカイブ

PAGE TOP