yokotak0527です。 以前、jsdo.itでびふぉーあふたーという2つの写真を並べて比較できるjavascriptのコードを書いたのですが、これをjQueryのプラグインにしてみました。

デモ

• ・デフォルト
• ・タブカスタマイズ

動作確認

• ・iPhone,iPad
• ・IE6,7,8 [IETester]
• ・firefox 3.6
• ・chrome 8
• ・opera 11

DOWNLOAD

before-after slider v0.1.2

中身の説明

/resources/ サンプルで使用するデータが入っています。 /sample/ デフォルトとタブカスタマイズのサンプルが入っています。使い方などは各コードをご覧ください。 タブのカスタマイズもjavascriptを触る必要はありません。 /set/ before-after sliderを利用するために必要なデータが入っています。