纯javascript的在线图片预览插件（ viewer js ）

文件

纯javascript的在线图片预览插件（ viewer js ）

weblog Md 763 0 0

【 viewer viewerjs viewer.js viewer-js 】

github地址：https://github.com/fengyuanchen/viewerjs

html文件引入两个文件viewer.js和viewer.css，这两个文件在项目的dist文件夹中。
例如：

<html>  
<head>  
<title>title</title>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<link href="./viewer.css" rel="stylesheet">
</head> 
<body> 
<div>
  <ul id="images">
    <li><img src="./images/1.jpg" alt="Picture 1"></li>
    <li><img src="./images/1.jpg" alt="Picture 2"></li>
    <li><img src="./images/1.jpg" alt="Picture 3"></li>
  </ul>
</div>
</body> 
<script src="./viewer.js"></script>
<script>
    const gallery = new Viewer(document.getElementById('images'));
</script>
</html>