viewer.js插件是一款功能强大的jQuery图像浏览插件，可以设置图片时间、触摸、移动、缩放、旋转和键盘等多种参数，这样就可以随意浏览图像的，还增加了对移动设备的支持，支持跨浏览器查看。

基本介绍

viewer是一款功能强大的图片查看器JQuery插件。它可以实现acdsee等看图软件的部分功能。它可以对图片进行移动，缩放，旋转，翻转，可以前后浏览一组图片。该图片查看器还支持移动设备，支持键盘控制，功能十分强大。

插件功能

支持选项

支持方法

支持事件

支持触摸

支持移动

支持缩放

支持旋转

支持键盘

跨浏览器支持

安装方法

可以通过nmp或bower来安装该图片查看器插件。

1.npm install imageviewer

2.bower install imageviewer

使用方法

1、引入文件

JS 版本：

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

<script src="js/viewer.min.js"></script>

jQuery 版本：

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

<script src="js/jquery.min.js"></script>

<script src="js/viewer.min.js"></script>

注意：JS 版本和 jQuery 版本名字虽然一样，但代码不一样，不能通用，请到github上下载需要的版本。

2、HTML

<ul id="dowebok">

   <li><img src="img/tibet-1.jpg" alt="图片1"></li>

   <li><img src="img/tibet-2.jpg" alt="图片2"></li>

   <li><img src="img/tibet-3.jpg" alt="图片3"></li>

   <li><img src="img/tibet-4.jpg" alt="图片4"></li>

   <li><img src="img/tibet-5.jpg" alt="图片5"></li>

   <li><img src="img/tibet-6.jpg" alt="图片6"></li>

</ul>

3、JavaScript

JS 版本：

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

jQuery 版本：

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

注意事项

1、在属性data-original中存放显示弹框后的图片路径，alt中的文字将作为图片的标题，显示在弹框中图片的下方

2、兼容到ie8，但是低版本浏览器中无法旋转