.swiper-slide img {
  transform: scale(1);
  /*スワイパーの切り替え速度と自動再生の停止時間を合計した秒数に設定する*/
  transition: 7s;
}

.swiper-slide-active img {
  transform: scale(2);
}

const swiper = new Swiper(".swiper", {
  autoplay: {
    delay: 5000,
  },
  on: {
    /*
    初回読み込み時に切り替えの時間が含まれていないため、cssで設定したアニメーションのタイミングがずれる
    したがってspeedで設定した秒数分自動再生が始まる時間を遅らせる
    */
    afterInit: function (swiper) {
      swiper.autoplay.stop();
      setTimeout(function () {
        swiper.autoplay.start();
      }, 2000);
    }
  }
});

.swiper-slide {
  /*fedeアニメーションは必要ないため透過を無しにする*/
  opacity: 1 !important;
}

.swiper-slide .image,
.swiper-slide .image img {
  /*切り替わり中は前のスライドのアニメーションを遅らせる*/
  transition-delay: 0.5s;
}

.swiper-slide .image {
  transform: translateX(-100%);
  overflow: hidden;
}

.swiper-slide .image img {
  transform: translateX(100%);
}

.swiper-slide-active {
  /*アクティブなスライドが一番上に来るように*/
  z-index: 2;
}

.swiper-slide-active .image,
.swiper-slide-active .image img {
  transition-delay: 0s;
  transition-duration: 0.5s;
  transform: translateX(0%);
}

const swiper = new Swiper(".swiper", {
  //fadeを有効にすることでスライダーが全て重なり合った状態になる
  effect: "fade",
  //fadeの切り替えは必要ないのでspeedは0s
  speed: 0,
});

.myswiper-wrapper {
  /*ウィンドウ幅からはみ出さないようにする*/
  overflow: hidden;
}

.swiper {
  max-width: 640px;
  /*アクティブなスライド以外も見えるように*/
  overflow: visible !important;
}

const swiper = new Swiper(".swiper", {
  //本来見えていない部分にスライドを複製する
  loopAdditionalSlides: 5
});

.swiper-slide img {
  transition: 0.3s;
  opacity: 0.2;
}
.swiper-slide-active img {
  opacity: 1;
}

.swiper-slide {
  transition: 0.3s;
  transform: scale(0.7);
}
.swiper-slide-active {
  transform: scale(1);
}

.swiper {
  /*幅を大きくする分swiperが中央揃えじゃなくなるので位置を調整する*/
  transform: translateX(-50%);
}
.swiper-slide {
  transition: 0.3s ease !important;
}

.swiper-slide-active {
  width: 200% !important;
}

const swiper = new Swiper(".swiper", {
  pagination: {
    el: ".swiper-pagination"
  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev"
  }
});

$(".myswiper-wrapper").each(function (index, el) {
  const swiper = new Swiper(el.querySelector(".swiper"), {
    pagination: {
      el: el.querySelector(".swiper-pagination")
    },
    navigation: {
      nextEl: el.querySelector(".swiper-button-next"),
      prevEl: el.querySelector(".swiper-button-prev")
    }
  });
});

.swiper-wrapper {
  /*デフォルトのイージングを上書き*/
  transition-timing-function: linear !important;
}

const swiper = new Swiper(".swiper", {
  //自動再生で次のスライドへ切り替わる時間をなくす
  autoplay: {
    delay: 0
  },
});

const swiper = new Swiper(".swiper", {
  effect: "fade",
  fadeEffect: {
    crossFade: true
  },
  //基本的にtabの場合はドラッグで切り替えは必要ない
  allowTouchMove: false,
});

<div class="tabbtn">
    <button>タブ1</button>
    <button>タブ2</button>
    <button>タブ3</button>
  </div>

$(".tabbtn button").click(function () {
  swiper.slideTo($(this).index());
});

const swiper = new Swiper(".swiper", {
  autoHeight: true
});

$(".js-accordion").click(function () {
  $(".js-accordionTarget")
    .stop()
    .slideToggle(100, function () {
      swiper.updateAutoHeight(200);
    });
});

let initialSlideNum = 0;
if (getParam("initialSlideNum")) {
  initialSlideNum = getParam("initialSlideNum");
}
const swiper = new Swiper(".swiper", {
  //１つ目のタブ以外を最初から開いておきたい場合はパラメーターから値を取得
  initialSlide: initialSlideNum,
});

/**
 * Get the URL parameter value
 *
 * @param  name {string} パラメータのキー文字列
 * @return  url {url} 対象のURL文字列（任意）
 */
function getParam(name, url) {
  if (!url) url = window.location.href;
  name = name.replace(/[\[\]]/g, "\\$&");
  var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
    results = regex.exec(url);
  if (!results) return null;
  if (!results[2]) return "";
  return decodeURIComponent(results[2].replace(/\+/g, " "));
}