画像を比較させたい時ってありませんか？
一般的には、あまりないかもしれませんね。
でも、例えばビフォア＆アフターで使うと面白いと思います。


 

画像を比較するための「JQueryスライダープラグイン」は、いくつかあります。

でも、びっくりするほど簡単に画像の比較スライダーができてしまうWordpressのプラグインをご紹介します。

 

「TwentyTwenty」です。

プラグインの追加で、「twentytwenty」と検索すると、３つのプラグインが出てきます。

twentytwenty

 

この中から、「TwentyTwenty」をインストールして、有効化します。

使い方は、驚くほど簡単です。

 

記事の中で、[twentytwenty] と [/twentytwenty]で２つの画像を挟むだけです。

[twentytwenty]

1枚目の画像URL

2枚目の画像URL

[/twentytwenty]

 

たったコレだけです。

実際に使ってみるとこんな感じ。

 

 

中央のスライダーを左右に動かすと画像の比較ができます。

アイデア次第で色々なことに使えますね。

 

 

Amazonプライム会員なら無料で読めるビジネス書4選

上を目指すために読んでおきたい8冊

 

私が買ってよかったパソコン＆iPhone関連商品 トップ8