<head>
<link href="https://web.runland.co.jp/wp-content/uploads/2022/01/twentytwenty.css" rel="stylesheet" type="text/css" />
</head>

<div id="example">
  <img src="https://web.runland.co.jp/wp-content/uploads/2022/01/20220103_left.jpg">
  <img src="https://web.runland.co.jp/wp-content/uploads/2022/01/20220103_right.jpg">
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://web.runland.co.jp/wp-content/uploads/2022/01/jquery.event_.move_.js"></script>
<script src="https://web.runland.co.jp/wp-content/uploads/2022/01/jquery.twentytwenty.js"></script>
/* 以下の記述は必要に応じて */
*{
  padding:0;
  margin:0;
}
#example{
  width:100%;
  height:300px;
}
$(function(){
  $("#example").twentytwenty();
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.