jQuery Before/After Plugin

ビフォーアフターをわかりやすく表現できるjQueryプラグイン「Before/After」が公開されてます。
このプラグインを実装すると中央にツマミが現れます。修正前・修正後という形でインタラクティブに見分けることができます。



ドラッグで移動すると、画像が切り替わります。



面白いですね。いざ実装するとなるとかなり大変そうですが、jQueryプラグインなので次のように１行というところが素晴らしいです。

$(function(){
    $('#container').beforeAfter();
});

関連エントリ

• そのまま編集が可能なテーブル実装用jQueryプラグイン「Zentable」
• 複雑な数式を出力したい際に使えるjQueryプラグイン「jsLaTeX」