スライダーswiper MEMO
カルーセル
ギャラリー用パーツ

画面MAXにするための設定:html
//img を使わずにbackground-imageで指定する
style="background-image: url(/photo/bg/ls-1.jpg)">

//こっちを使わず
//こっちを使う。

画面MAXにするための設定:css

background-attachment: fixed;とbackground-size: cover;を同時に指定するとスマホでは効かない現象は、公式認定のバグ


// use swiper4.5.1 for ie11
.swiper-container {
  width: 100%;
  height: 100vh;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
//imgタグだと下に隙間ができるのでblockに。
.slide-img img{
  display: block;
}

切り替えボタンなし ボタン用htmlを付けなければいい