纯javascript的在线图片预览插件( viewer js )
【 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>
fixed
没有一个冬天不可逾越,没有一个春天不会来临。最慢的步伐不是跬步,而是徘徊,最快的脚步不是冲刺,而是坚持。