Enllax.js

JavaScript

軽量で簡単なパララックスを実装できるjQueryプラグイン「Enllax.js」

Enllax.jsは軽量で使い方も簡単なパララックスエフェクトを実装することができるjQueryプラグインです。異なるスクロールエフェクトを利用してサイトに視差効果を取り入れて立体的に見せたい時なんかに活用したいですね。

Enllax.js

デモ

設置されたダイナミックな背景画像がとてもインパクトありますね。背景だけではなく、前景にも画像を持ってくることができるのがおもしろいと思います。

こんな感じで、typeにbackgroundを指定すると背景に、foregroundを指定すると前景にすることができます。スクロールスピードはratioの値で調節可能です。

$(window).enllax({
    type: 'background',
    ratio: 0.5
});

Enllax.js

LoadGo画像をプログレスバー(ローディング)にできるjQueryプラグイン「LoadGo」前のページ

Lightroomでマスクの色を変更するやり方・ショートカットキー次のページLightroomでマスクの色を変更

関連記事

  1. Simple Image Panner and Zoomer
  2. CaptionerJs

    JavaScript

    画像に開閉できるキャプションを実装できるjQueryプラグイン「CaptionerJs」

    CaptionerJsは画像に開閉できるキャプションを実装することがで…

  3. no-image

    JavaScript

    水平スクロールができることを示唆してくれる「ScrollHint」

    ScrollHintは水平スクロールができることをポインタアイコンを使…

  4. BeefUp

    JavaScript

    多彩なカスタマイズができるjQueryアコーディオンプラグイン「BeefUp」

    BeefUpは多彩なカスタマイズができるレスポンシブに対応したjQue…

  5. multi-list

    JavaScript

    複数の選択可能なリストにするためのjQueryプラグイン「multi-list」

    multi-listは、順序付けされていないリストを複数の選択可能なリ…

  6. Stackbox.js

    JavaScript

    プルプル震えるモーダルボックスを実装できるjQueryプラグイン「Stackbox.js」

    Stackbox.jsというjQueryプラグインを使えば、プルプル震…

最近の記事

  1. 十和田湖
  2. 富有柿
  3. アイリスオーヤマの加湿器
PAGE TOP