[JS]ビフォーアフターの2枚の画像を分かりやすく比較できるようにするスクリプト -TwentyTwenty

2つの画像を重ねて、中央のバーをスライドしてビフォーアフターを切り替えて表示することで、簡単に比較できるようにするjQueryのプラグインを紹介します。 ↓はただのキャプチャ画像なので動作しません。 TwentyTwenty TwentyTwenty -GitHub TwentyTwentyのデモ TwentyTwentyの使い方 TwentyTwentyのデモ デモはスクリプトのページに大きく掲載されています。 モダンブラウザをはじめ、スマフォ・タブレットでご覧ください。IEは8+で。 オプションでオーバーレイのパネルを設定しています。 TwentyTwentyの使い方 Step 1: 外部ファイル 「jquery.js」とプラグイン「event.move.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <script type="text/javascript"

[tadashi_shimizu]

これは面白い。

[rtssn]

ビフォーアフターの2枚の画像を分かりやすく比較できるようにするスクリプト -TwentyTwenty

[candykebin]

　なにかにつかえそう

[kazuyadesse]

なんということでしょう( ´ ▽ ` )ﾉ

[poppun1940]

2つの画像を重ねて、中央のバーをスライドしてビフォーアフターを切り替えて表示することで、簡単に比較できるようにするjQueryのプラグインを紹介します。 ↓はただのキャプチャ画像なので動作しません。 TwentyTwenty Twen

[tkm_shohei]

劇的！な方のネタを楽しむサービスを期待して開いたのに(´・ω・｀)

[nors]

http://zurb.com/playground/twentytwenty https://github.com/zurb/twentytwenty

[qrac_jp]

ビフォーアフターの2枚の画像を分かりやすく比較できるようにするスクリプト -TwentyTwenty