Viewer.js 是一款非常强大的图片弹窗查看器,点击图片弹窗查看,它支持全屏自动播放图
片、放大缩小图片、鼠标拖拽图片、水平和垂直翻转图片、顺时针逆时针旋转图片等等,而
且,它是响应式的布局,兼容手机 pc 各种尺寸的屏幕。
Viewer.js 有 js 版本和 jQuery 版本两种,PC 端可以选择 jQuery 版本,手机端可以选择 js
版本,选择性广。
Viewer.js 官网:https://github.com/fengyuanchen/viewerjs,目前最新版本 1.10.1,支
持点击背景关闭(老版本不支持)
下面是预览图:
使用方法
1、引入文件
JS 版本:
1
<link rel="stylesheet" href="css/viewer.min.css">
2
<script src="js/viewer.min.js"></script>
jQuery 版本:
1
<link rel="stylesheet" href="css/viewer.min.css">
2
<script src="js/jquery.min.js"></script>
3
<script src="js/viewer.min.js"></script>
注意:JS 版本和 jQuery 版本名字虽然一样,但代码不一样,不能通用。