viewer.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>



扫描二维码关注公众号,回复: 1825363 查看本文章

猜你喜欢

转载自blog.csdn.net/qq_36135335/article/details/80691090