在页面中
引用
<link href="${ctx}/libs/blueimp/css/blueimp-gallery.min.css" rel="stylesheet"> <script src="${ctx}/libs/blueimp/js/jquery.blueimp-gallery.min.js" ></script>
然后再body内 写一个容器用于放弹出的内容
<div id="blueimp-gallery" class="blueimp-gallery"> <div class="slides"></div> <h3 class="title"></h3> <a class="prev">‹</a> <a class="next">›</a> <a class="close">×</a> <a class="play-pause"></a> <ol class="indicator"></ol> </div>
最后展示的图片写上
<a data-gallery="" href="${ctx}${v.imgurl}"> <img STYLE="width: 140px;height: 140px" src="${ctx}${v.imgurl}"> </a>