ZURB ? Interaction Design and Design Strategy

画像のdiffができるjQueryプラグイン「TwentyTwenty」。
画像の上にスライダーを付けて、ドラッグ＆ドロップで移動できるようなUIが作れます。
激的ビフォアアフターなUIを作りたい場合に最適。

マークアップとJSコードは以下。超簡単。





関連エントリ

• Photoshopは不要!画像の背景を簡単に透明にできるWEBツール「Clipping Magic」
• サムネイルをクリックでその場で画像ズームできるjQueryプラグイン「Ion Zoom」
• 画像をクリックで選択してフォーム送信できるようにするjQueryプラグイン「Image Picker」
• 画像レイアウト関連で便利なjQueryプラグイン等まとめ
• 製品画像等のズームが非常に簡単に行えるjQueryプラグイン「Image Zoom」