本文介绍了如何利用jQuery插件Viewer实现全屏浏览图片的效果。首先需要引入Viewer的JS和CSS文件，然后在HTML中设置图片结构，并添加相应属性。最后通过JavaScript调用$('#imgShow').viewer()来启用全屏查看功能。如果遇到图片无法全屏显示，可能是因为HTML结构问题，可以尝试使用最外层div的ID作为viewer方法的参数。
实现如以上图的全屏浏览图片的效果，需用到jquery插件viewer，步骤如下：
1.引入<script src="${ctx}/js/viewer/viewer.min.js"></script>
<link href="${ctx}/js/viewer/viewer.min.css" rel="stylesheet" />这两种文件。
2.用js脚本或者通过jsp标签拼凑如下语句：
<div id="imgShow" class="lightBoxGallery">
<div class="row ibox-content">
<label
最低0.47元/天 解锁文章
扫一扫
2714
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
