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();
默认解压密码:www.daque.cn
如需解压,请在本站下载飞压软件进行解压!
浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载浏览辅助 /
下载