viewer.js图片查看插件的使用，支持放大旋转轮播功能

前言

• 支持选项
• 支持方法
• 支持事件
• 支持触摸
• 支持移动
• 支持缩放
• 支持旋转
• 支持键盘
• 跨浏览器支持

使用

引包

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

<ul id="viewer">
    <li><img src="https://www.mbkfw.com/static/image/lazy.gif" class="lazy" original="img/tibet-1.jpg" data-original="img/tibet-1.jpg" alt="图片1"></li>
    <li><img src="https://www.mbkfw.com/static/image/lazy.gif" class="lazy" original="img/tibet-2.jpg" data-original="img/tibet-2.jpg" alt="图片2"></li>
    <li><img src="https://www.mbkfw.com/static/image/lazy.gif" class="lazy" original="img/tibet-3.jpg" data-original="img/tibet-3.jpg" alt="图片3"></li>
    <li><img src="https://www.mbkfw.com/static/image/lazy.gif" class="lazy" original="img/tibet-4.jpg" data-original="img/tibet-4.jpg" alt="图片4"></li>
    <li><img src="https://www.mbkfw.com/static/image/lazy.gif" class="lazy" original="img/tibet-5.jpg" data-original="img/tibet-5.jpg" alt="图片5"></li>
    <li><img src="https://www.mbkfw.com/static/image/lazy.gif" class="lazy" original="img/tibet-6.jpg" data-original="img/tibet-6.jpg" alt="图片6"></li>
</ul>

js版本的

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

jquery版本的

$('#viewer').viewer();

GitHub 地址：

JS 版本：https://github.com/fengyuanchen/viewerjs 

jQuery 版本：https://github.com/fengyuanchen/viewer