JavaScript ライブラリ viewer.js

viewer.js
https://github.com/fengyuanchen/viewerjs

index.html

<!-- index.html -->


<div>
 <ul id="images">
   <li><img src="picture.jpg" alt="Picture"></li>
   <li><img src="picture-2.jpg" alt="Picture 2"></li>
   <li><img src="picture-3.jpg" alt="Picture 3"></li>
    <!-- ここに必要な分だけ追加する  -->
 </ul>
</div>

app.js

var viewer = new Viewer(document.getElementById('images') );