移动端响应式图片轮播插件h5-slider.js

使用方法：

引用CSS、JS文件

<link rel="stylesheet" type="text/css" href="./slider.css">
<script src="http://www.sucainiu.com/themes/cdn/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="./h5-slider.js"></script>

HTML部分

<!-- 轮播图开始 -->
<div class="aui-banner-content " data-aui-slider>
    <div class="aui-banner-wrapper">
        <div class="aui-banner-wrapper-item">
            <a href="#">
                <img src="./banner/news-banner3.jpg">
            </a>
        </div>
        <div class="aui-banner-wrapper-item">
            <a href="#">
                <img src="./banner/news-banner1.jpg">
            </a>
        </div>
        <div class="aui-banner-wrapper-item">
            <a href="#">
                <img src="./banner/news-banner4.jpg">
            </a>
        </div>
        <div class="aui-banner-wrapper-item">
            <a href="#">
                <img src="./banner/news-banner2.jpg">
            </a>
        </div>
    </div>
    <div class="aui-banner-pagination"></div>
</div>
<!-- 轮播图结束 -->