画像関連
【before-after.js】レスポンシブに対応したビフォーアフター画像を実装することができるスクリプト

Lisence

MITライセンス

※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。

Browser

01.Firefox02.Chrome03.Opera04.Safari09.InternetExplorer10

Tag

ビフォーアフターレスポンシブ

設置方法などの参考ページ

レスポンシブに対応したビフォーアフター画像を実装できる「before-after.js」 | bl6.jp

http://bl6.jp/web/javascript/before-after-js-jquery/

before-after.jsはシンプルでレスポンシブに対応したビフォーアフター画像を実装することができます。中央にあるボタンを左右にスライド移動させることでビフォーとアフターを確認できます。

Page Top