官方代码:https://github.com/blueimp/Gallery
官方Demo:http://blueimp.github.io/Gallery/
1,引入
<
link href="${ctx}/css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
<
script src="${ctx}/js/plugins/blueimp/jquery.blueimp-gallery.min.js" ></
script>
2.放到body里面去
<
body class="gray-bg top-navigation">
//下面这个div就是工具的容器
<
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>
。。。
。。。 其它H5代码
。。。
3.在你想触发的图片外套一个a标签
<a data-gallery="" href="该图片地址">4,其他的待研究中。。。凑合着看吧