viewer.js中文文档(图像浏览插件)兼容版

viewer.js中文文档(图像浏览插件)是一个功能强大的图像查看插件，用户可以使用这个来快速的查看图片。插件还支持多种功能，能够有效的将图片独立的展开。插件兼容几乎所有的浏览器，有需要的朋友可以下载试试。

viewerjs插件介绍

强大的图片查看器，像门户网站一般都会有各自的图片查看器，如果您正需要功能多样的图片浏览器，也许 viewer.js 是一个很好的选择。

viewerjs免费版特色

支持移动设备触摸事件

支持放大/缩小

支持旋转（类似微博的图片旋转）

支持响应式

支持水平/垂直翻转

支持全屏幻灯片模式（可做屏保）

支持缩略图

支持标题显示

支持多种自定义事件

支持图片移动

支持键盘

兼容的浏览器

ie8+ 、edge 、chrome、firefox、opera、safari。

注意：js 版本兼容 ie9+，jquery 版本兼容 ie8+。

使用方法

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();