no-image

JavaScript

シンプルで美しいレスポンシブ対応のパララックス実装「JQuery Background Image Scroll」

JQuery Background Image Scrollは、シンプルで美しいレスポンシブに対応したパララックススクロールを実装することができるjQueryプラグインです。手軽に実装可能なうえに、オプションもいくつか揃っているのでカスタマイズして使うこともできます。

JQuery Background Image Scroll

デモ

都会の高層ビル群を眼下に望むダイナミックなその画像は、パララックス効果が加わることでより臨場感が増しますね。レスポンシブにも対応しているので、PC・モバイル問わずいろんなデバイスで楽しめるのがグッドです。

使い方もかなりシンプルなうえに、オプションもいくつか用意されています。主なオプション項目は、bgpositionx、direction、debug、max、minです。各オプションのデフォルト値は、bgpositionxが50、directionが’top’、debugがfalse、maxが’100’、minが’0’です。

JQuery Background Image Scroll

関連記事

  1. jQuery-TimelineMe

    JavaScript

    シンプルなタイムラインを簡単につくれる「jQuery-TimelineMe」

    jQuery-TimelineMeは、タイムラインを簡単に構築すること…

  2. Jqx-Media-Slider
  3. Panoramix Image

    JavaScript

    左右に移動できるパノラマ画像を表示させれる「Panoramix Image」

    Panoramix Imageは、左右に移動できるパノラマ画像を表示さ…

  4. jQuery-ResizableColumns

    JavaScript

    テーブルのカラムをリサイズできる「jQuery-ResizableColumns」

    jQuery-ResizableColumnsは、テーブルのカラムをリ…

  5. no-image

    JavaScript

    ミニマリスティックでフレキシブルなjQueryスライダー「Bore Bones Slider」

    Bore Bones Sliderはミニマリスティックでフレキシブルな…

  6. PleaseWait

    JavaScript

    ローディングアイコンをオシャレに実装することができる「PleaseWait」

    PleaseWaitはローディングアイコンをオシャレに見せることができ…

最近の記事

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

Facebookページ

PAGE TOP