swiper兼容IE

我用的是2.X的版本，因为兼容ie8。swiper3是专门针对移动端写的。如果想兼容IE8的话，应该引入swiper2.
官网演示地址：http://2.swiper.com.cn/demo/

swiper的css和js

链接：https://pan.baidu.com/s/1rWhJ1sCbcJVf4wfBRq_MYg 密码：qcuw
css

<link rel="stylesheet" href="css/idangerous.swiper.css">

html

<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide"></div>
        <div class="swiper-slide"></div>
        <div class="swiper-slide"></div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
    <!-- 如果需要导航按钮 -->
    <a class="arrow-left"></a>
    <a class="arrow-right"></a>
</div>

js

<script src="js/idangerous.swiper2.7.6.min.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        loop: true, //设置为true，则开启loop（环路）模式，默认为false
        speed: 300,//滑动速度
        autoplay: 2000,//自动切换的时间间隔（单位ms），不设定该参数slide不会自动切换。
        autoplayDisableOnInteraction : false, //用户操作swiper之后，是否禁止autoplay，默认为true：停止。
        //--  如果需要分页器 --
        pagination: : '.swiper-pagination',
    })
   //--  如果需要前进后退按钮 --
  $('.arrow-left').click(function(){
        mySwiper.swipePrev();
  });
  $('.arrow-right').click(function(){
        mySwiper.swipeNext();
  });
</script>