Before and After image script

JavaScript

ビフォーとアフターを見比べれるjQueryプラグイン「Before and After image script」

Before and After image scriptはビフォーとアフターの画像を見比べることができるjQueryプラグインです。画像の中央には左右にスライドできるバーが設けられてあり、これを動かすことでBeforeとAfterの表示面積を変更することができます。

[ads_center]

Before and After image script

Before and After image script

Before and After image script

スライドバーをドラッグして左右に動かしてBefore・Afterを変更する以外にも、画像内の任意の場所をクリックしてもバーを移動させることができます。

2枚並べて見比べるのではなくて、1枚分のスペースでビフォーアフターをチェックすることができるので、場所を有効活用したい時にも役立ちますね。

というわけで、ビフォーアフター画像を実装できる「Before and After image script」のご紹介でした。

関連記事

  1. no-image

    JavaScript

    シンプルでスタイリッシュなjQueryスライダー「Simple slider」

    Simple sliderはシンプルでスタイリッシュなスライダー(カル…

  2. JavaScript

    中心から外側に広がっていくエフェクトのjQueryプラグイン「jQuery.twinkle」

    jQuery.twinkleというjQueryプラグインを使えば、中心…

  3. cascadingDivs
  4. Shine

    JavaScript

    ダイナミック(動的)で美しいシャドウを実装できるJSライブラリ「Shine」

    ShineというJavaScriptライブラリが素敵だったのでメモがて…

  5. no-image

    JavaScript

    依存関係のないタグ付け機能を実装できる「taggle.js」

    taggle.jsは依存関係のないタグ付け機能を実装できるのが特徴です…

  6. jquery.adaptive-backgrounds.js

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP