viewer.js图片预览插件循环查看图片问题

本文介绍了Viewer.js，一个强大的图片查看器，具备触摸事件、响应式、缩放、旋转、翻转等功能。适合用于需要强大图片查看器的场景。文中详细讲解了如何实现图片的循环查看，并提供了js文件引入的示例。

简介

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>