基于bxslider的响应式图片轮播插件，演示地址：https://www.qvdv.com/demo/1557308877/
用法介绍：
1、加载jQuery库以及bxSlider插件的js和CSS。
2、HTML代码：
<ul class="bxslider">
<li><img src="images/images1.jpg" /></li>
<li><img src="images/images2.jpg" /></li>
<li><img src="images/images3.jpg" /></li>
</ul>
3、调用bxSlider
$(function(){
$('.bxslider').bxSlider();
});
bxSlider有丰富的可配置参数：
| 参数 | 描述 | 默认值 |
|---|---|---|
| mode | 设置滑动模式，'horizontal':水平, 'vertical':垂直, 'fade':淡入淡出 | horizontal |
| speed | 内容切换速度，数字，ms | 500 |
| startSlide | 初始滑动位置，数字 | 0 |
| randomStart | 随机初始滑动位置 | true |
| infiniteLoop | 循环滑动，如果设置为true时，则到最后滑动位置时会切换到初始位置 | true |
| easing | 切换动画扩展，可以借助jQuery Easing 动画效果扩展设置不同的切换动画效果 | null |
| captions | 设置显示图片标题，当滑动内容为图片时并设置属性title，可以显示图片标题 | false |
| video | 支持视频，当设置为true时，需要jquery.fitvids.js支持 | false |
| pager | 设置是否显示分页，设置为true时，会在滑动内容下方显示分页图标 | true |
| controls | 设置是否显示上一副和下一幅按钮 | true |
| auto | 设置是否自动滑动 | false |
| pause | 自动滑动时停留时间，数字，ms | 4000 |
| autoHover | 当鼠标滑向滑动内容上时，是否暂停滑动 | false |