强大的图片查看器插件Viewer.js，开源中国在用的文章图片查看器

背景：最近在优化博客文章中的图片查看效果，网上发现很多这样的插件，但是很多都是代码比较膨大，而且需要引用好几个文件，还要引用图片按钮之类的，偶然发现开源中国的文章图片的查看效果不错，F12一下，发现是用Viewer插件做的，引用文件也比较少，于是就选用Viewer.js这款插件了。
另外还有一款fancybox也不错的，这里也记录一下。

Viewer.js 有以下特点：

• 支持移动设备触摸事件
• 支持响应式
• 支持放大/缩小
• 支持旋转（类似微博的图片旋转）
• 支持水平/垂直翻转
• 支持图片移动
• 支持键盘
• 支持全屏幻灯片模式（可做屏保）
• 支持缩略图
• 支持标题显示
• 支持多种自定义事件

在线演示及下载

在线演示：https://blog.gougucms.com/home/index/detail/id/88.html
github地址：https://github.com/fengyuanchen/viewerjs

使用方法

引入文件:

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

Html结构

<ul id="viewer">
    <li><img src="img/viewer1.jpg" alt="图片1"></li>
    <li><img src="img/viewer2.jpg" alt="图片2"></li>
    <li><img src="img/viewer3.jpg" alt="图片3"></li>
    <li><img src="img/viewer4.jpg" alt="图片4"></li>
    <li><img src="img/viewer5.jpg" alt="图片5"></li>
    <li><img src="img/viewer6.jpg" alt="图片6"></li>
</ul>

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

配置