简介
Viewer.js 是一款强大的图片查看器,像门户网站一般都会有各自的图片查看器,如果您正需要一款强大的图片查看器,也许 Viewer.js 是一个很好的选择。
Viewer.js下载:点击下载
Viewer.js 有以下特点:
- 支持移动设备触摸事件
- 支持响应式
- 支持放大/缩小
- 支持旋转(类似微博的图片旋转)
- 支持水平/垂直翻转
- 支持图片移动
- 支持键盘
- 支持全屏幻灯片模式(可做屏保)
- 支持缩略图
- 支持标题显示
- 支持多种自定义事件
js文件引入
<!--查看图片插件 -->
<link rel="stylesheet" href="plugins/viewer-master/viewer.min.css">
<link rel="stylesheet" href="plugins/viewer-master/viewer.css" >
<script src="plugins/viewer-master/viewer.min.js"></script>
<script src="plugins/viewer-master/viewer.js"></script>
<!--查看图片插件 -->
循环查询图片点击每一张都能查看
<td>
<img src="<%=basePath%>uploadFiles/uploadImgs/${var.PATH}" alt="${var.NAME}" width="100px" onclick="getImg(this)" >
</td>
<script type="text/javascript">
function getImg(obj){
$(obj).viewer();
}
</script>
扫描二维码关注公众号,回复:
1825363 查看本文章