viewerjsサンプル

  <link href="viewer.css" rel="stylesheet">
  <script src="viewer.js"></script>
  

  <ul id="gallery">
    <li><img src="1.jpg" alt="1"></li>
    <li><img src="2.jpg" alt="2"></li>
    <li><img src="3.jpg" alt="3"></li>
  </ul>
  

  <script>
    var options = {
      title: false,
      movable: false,
      rotatable: false,
      scalable: false,
      zoomOnTouch: false,
    }
    const gallery = new Viewer(document.getElementById('gallery'), options);
  </script>