相对于大部分轮播插件来说，terseBanner删除了很多不实用或很少用的功能，只保留了最常用的，使用方便，功能完善，可以满足绝大多数网站的需求支持 ie8 浏览器，支持触屏事件

<style>
    .banner{width: 960px;height: 540px;}
</style>
<div class="banner">
    <ul>
        <li><img src="img/banner-1.jpg"></li>
        <li><img src="img/banner-2.jpg"></li>
        <li><img src="img/banner-3.jpg"></li>
        <li><img src="img/banner-4.jpg"></li>
        <li><img src="img/banner-5.jpg"></li>
        <li><img src="img/banner-6.jpg"></li>
    </ul>
</div>

<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="jquery.terseBanner.min.js"></script>

<script>
    $('.banner').terseBanner();
</script>

自定义样式

也可以使用自定义的样式来覆盖默认的样式（在默认样式的选择器前面再加一级）

.custom .tb-arrow a{
    width: 64px;
    height: 64px;
    margin: 0 20px;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}
/* ... */

.custom .tb-btn{
    bottom: 0;
    height: 10px;
}
.custom .tb-btn a{
    width: 160px;
    margin: 0;
    box-sizing: border-box;
    background: #666;
    border-right: 1px solid #fff;
    border-radius: 0;
}
/* ... */

动画

4种动画方式：slide, fade, flash, none（flash模式是fade模式的简化，图片切换时可以出现闪烁的白色背景） 
PS：slide模式不支持垂直方向的滑动

缩略图

自动截取原始图片的一部分作为缩略图，缩略图列表超出容器时自动添加列表滑动按钮

自适应

让图片自适应轮播的宽度,可以用来满屏显示图片（使用此功能时，缩略图功能将会被禁用）

延迟加载

减少大图片的单张加载时间（有默认的loading动画） 把图片的 src 属性换成 data-src 即可

切换

可以在自定义的事件中切换轮播图片，给方法 terseBanner() 传递一个参数：'prev' | 'next' | [Number]

回调函数

init, before, after 可以传入的参数为 $banner, $item, currentIndex（参数说明在参数列表中）