关于点击图片弹出遮罩层查看

来源:互联网 发布:江宁淳化街道网络问政 编辑:程序博客网 时间:2024/06/06 06:34

在页面中

引用

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

原创粉丝点击