Written by Kasumi

Swiperスライダーで最初に表示されるスライド位置を変更する方法

Swiperスライダーで最初に表示されるスライド位置を変更したい。

本記事ではこのような悩みを解決します。

initialSlideを使おう

const swiper = new Swiper(".swiper", {
  initialSlide: 1, // スライドの開始位置
});

スライド開始位置を変更するには、initialSlideプロパティを使います。

Swiperの実行関数内でinitialSlideを設定。

0から始まる任意の開始位置を数値でいれます。

以上でスライド開始位置を変更出来ます。

まとめ

Swiperスライダーで最初に表示されるスライド位置を変更する方法について紹介しました。

以上で解説を終わります。

目次

関連記事

Swiper

Swiperスライダーでスライドが切り替わるのを検知。任意の処理を実行する方法

更新日:2023.01.25
822
Swiper

Swiperスライダーで外部の関数から動的にスライド位置を変更する方法

更新日:2022.11.25
2146
Swiper

【Swiper】デバイス幅でオプション設定を切り替える方法【ブレイクポイントを設けよう】

2022.11.25
1400
Swiper

Swiperのデフォルト矢印を消して、任意の画像に変更する方法

更新日:2022.11.26
2590