viewer.js中文文档(图像浏览插件)是一个功能强大的图像查看插件,用户可以使用这个来快速的查看图片。插件还支持多种功能,能够有效的将图片独立的展开。插件兼容几乎所有的浏览器,有需要的朋友可以下载试试。
强大的图片查看器,像门户网站一般都会有各自的图片查看器,如果您正需要功能多样的图片浏览器,也许 viewer.js 是一个很好的选择。
支持移动设备触摸事件
支持放大/缩小
支持旋转(类似微博的图片旋转)
支持响应式
支持水平/垂直翻转
支持全屏幻灯片模式(可做屏保)
支持缩略图
支持标题显示
支持多种自定义事件
支持图片移动
支持键盘
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();
很多朋友第一时间安装了win10,发现新系统并没有想象中的好友,第一时间就要去下载win10系统优化软件来进行优化。那么win10优化软件哪个好?河源下载站汇总了最新的win10优化工具下载,相信优化有,感觉应该会更流畅了,特别是配置一般的机子,一定要来试试哦!win10正式版下载:http://www.xz7.com/article/69061_1.html win10正式版激活方法:http://www.xz7.com/article/69118_1.html
网友评论