art2nd https://blog.hatena.ne.jp/art2nd/ 晴歩雨描 https://2ndart.hatenablog.com/ ホームページ、Web作成 写真・カメラ 画像比較JavaScriptツール「TwentyTwenty」を試してみた。 TwentyTwentyを使うと、2つの画像を重ねて表示して、中央のバーをスライダーで動かしながら画像比較できる。 画像は「Imaging Resource」の「G7 X Mark II」と「RX100 VI」の写真を借りている。 ≫≫≫ Gark II vs RX100 VI by TwentyTwenty 設定は簡単。画像ファイルとJavaScript、CSSを以下のように指定するだけ。JavaScript、CSSは、「TwentyTwenty」からダウンロードできる。 <div class="container… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F2ndart.hatenablog.com%2Fentry%2F2018%2F09%2F27%2F134504" title="JavaScript）2枚の写真/画像比較ツール「TwentyTwenty」を試してみた。 - 晴歩雨描" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/art2nd/20181006/20181006093149.jpg Hatena Blog https://hatena.blog 2018-09-27 13:45:04 rich https://2ndart.hatenablog.com/entry/2018/09/27/134504 1.0 100%