viewer.js中文文檔(圖像瀏覽插件)兼容版

viewer.js中文文檔(圖像瀏覽插件)是一個(gè)功能強(qiáng)大的圖像查看插件，用戶可以使用這個(gè)來快速的查看圖片。插件還支持多種功能，能夠有效的將圖片獨(dú)立的展開。插件兼容幾乎所有的瀏覽器，有需要的朋友可以下載試試。

viewerjs插件介紹

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

viewerjs免費(fèi)版特色

支持移動(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+。

使用方法

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