viewer.js中文文檔是一款受歡迎的js以及jquery圖片瀏覽插件，基本上所有門戶網(wǎng)站都會(huì)采取js或者jquery這兩種圖像瀏覽顯示方式，本站提供的正好包括兩個(gè)版本，歡迎前來(lái)下載！

viewer.js插件介紹

強(qiáng)大的圖片查看器，像門戶網(wǎng)站一般都會(huì)有各自的圖片查看器，如果您正需要功能多樣的圖片瀏覽器，也許 viewer.js 是一個(gè)很好的選擇。

功能說(shuō)明

支持移動(dòng)設(shè)備觸摸事件

支持放大/縮小

支持旋轉(zhuǎn)（類似微博的圖片旋轉(zhuǎn)）

支持響應(yīng)式

支持水平/垂直翻轉(zhuǎn)

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

支持縮略圖

支持標(biāo)題顯示

支持多種自定義事件

支持圖片移動(dòng)

支持鍵盤

兼容的瀏覽器

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

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

viewer.js使用方法

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 版本名字雖然一樣，但代碼不一樣，不能通用，請(qǐng)到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();