一、blueimp-gallery是什么?
Blueimp Gallery 是一个多功能图片展示插件,支持移动端的触摸手势操作,支持响应式和高度自定义功能,可以展示图片、视频可直接播放,可以实现左右轮播和 LightBox 效果。
Blueimp Gallery的详细教程和Demo的链接地址:https://github.com/blueimp/Gallery/blob/master/README.md。
二、在Bootstrap modal遇到的问题?
由于客户需要对系统的图片进行预览,且要求实现左右轮播的效果,故选择了Blueimp Gallery。因为要实现左右轮动效果,所以我按照技术文档在我的代码中加入了以下内容:
1、引入相关CSS和JS文件
<link rel="stylesheet" data-th-href="@{css/gallery/blueimp-gallery.min.css}">
<script data-th-src="@{js/gallery/blueimp-gallery.min.js}"></script>
<script data-th-src="@{js/gallery/jquery.blueimp-gallery.min.js}"></script>
2、在modal