$(function() {
  var mySwiper1 = new Swiper ('.swiper1', {
    direction: 'horizontal', // 垂直切换选项
    loop: true, // 循环模式选项
    // effect: 'fade',
    simulateTouch : false,
    parallax: true,
    speed:1000,
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    observer:true,
    observeParents:true,
    on:{
      init:function(){
        swiperAnimateCache(this);
        this.emit('transitionEnd');
      },
      transitionEnd: function(){
        swiperAnimate(this);
      },
    }
  })  
  var mySwiper2 = new Swiper ('.swiper2', {
    direction: 'vertical', // 垂直切换选项
    loop: true, // 循环模式选项
    // effect: 'fade',
    simulateTouch : false,
    parallax : true,
    speed:1000,
    spaceBetween : 20,
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next1',
      prevEl: '.swiper-button-prev1',
    },
    // observer:true,
    // observeParents:true,
    // on:{
    //   init:function(){
    //     swiperAnimateCache(this);
    //     this.emit('transitionEnd');
    //   },
    //   transitionEnd: function(){
    //     swiperAnimate(this);
    //   },
    // }
  })
  var mySwiper3 = new Swiper ('.swiper3', {
    direction: 'horizontal', // 垂直切换选项
    loop: true, // 循环模式选项
    simulateTouch : false,
    speed:1000,
    initialSlide: 1,
    slidesPerView : 4,
    spaceBetween : '4.84%',
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next1',
      prevEl: '.swiper-button-prev1',
    },
  })  
})