TwentyTwenty

JavaScript

2枚の画像を見比べれるjQueryプラグイン「TwentyTwenty」

TwentyTwentyは2枚の画像を見比べれる便利なjQueryプラグインです。同一のスペース内で真ん中にある起点を左右に動かしながら効率的に画像を見比べることができます。

TwentyTwenty

TwentyTwenty

ビフォーアフターなどの画像を設置するときに役立ちますね。他にも応用次第でいろいろなことに活用できそうです。

レスポンシブに対応して、さまざまなデバイス上で動作します。

使い方もわかりやすいので、気軽に活用できるのがいいですね。

2枚の画像を効率的に見比べれる機能を実装したい方は、ぜひチェックしてみてください。

関連記事

  1. scroll-scope.js

    JavaScript

    親要素の影響を受けずに子要素だけを固定してスクロールさせる「scroll-scope.js」

    scroll-scope.jsは親要素の影響を受けずに子要素だけを固定…

  2. SweetModal

    JavaScript

    シンプルでエレガントなモーダルウィンドウを実装できる「SweetModal」

    SweetModalは、アラートやダイアログなどをシンプルでエレガント…

  3. Tagify

    JavaScript

    Vanilla JSを用いた軽量のタグ入力機能を実装できる「Tagify」

    TagifyはVanilla JSを用いた軽量のタグ入力機能を実装でき…

  4. Reshader

    JavaScript

    カラーの濃淡を得ることができるJavaScriptライブラリ「Reshader」

    Reshaderは、カラーの濃淡を得ることができる便利なJavaScr…

  5. Timeline.js

    JavaScript

    スライド式のタイムラインを実装できるjQueryプラグイン「Timeline.js」

    Timeline.jsは、スライド式によるタイムラインを実装することが…

  6. Responsive Sidebar Navigation

最近の記事

  1. タリーズ ハウスブレンド
  2. BAG-TW1BKシリーズ
  3. 落ち葉と雪

アーカイブ

PAGE TOP