swipebox自适应屏幕大图预览插件,swipebox弹出层

swipebox是一款基于jquery的使用非常简单的自适应屏幕大小，可使用在手机端、pc端、响应式上的大图预览插件，支持多张图片轮播，左右按钮和关闭按钮，当浏览到最后一张或第一张，左右按钮会自动变灰，点击左下角关闭按钮，关闭弹出层。
1、引入css：

<link href="css/swipebox.css" rel="stylesheet" />

2、引入js和jquery：

<script src="js/jQuery-1.10.2.min.js"></script>
<script src="js/jquery.swipebox.min.js"></script>

3、在需要使用本效果的图片外面套上一个a标签，地址就写图片对应的大图即可，如下：

<a class="link" href="images/b1.jpg"><img src="images/s1.jpg" /></a>
<a class="link" href="images/b2.jpg"><img src="images/s2.jpg" /></a>
<a class="link" href="images/b3.jpg"><img src="images/s3.jpg" /></a>

4、选中a标签，调用swipebox插件

$(".link").swipebox();

5、参数说明：

    useCSS : true, // false将强制使用的jQuery的动画
    hideBarsDelay : 3000, // 0始终显示标题和动作条
    videoMaxWidth : 1140, // 视频最大宽度
    beforeOpen: function(){}, // 被叫开幕前
    afterClose: function(){} // 被叫结束后