Written by Kasumi

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

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

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

initialSlideを使おう

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

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

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

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

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

まとめ

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

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

目次

関連記事

Swiper

Swiperで現在のスライド番号と総数を表示する方法

更新日:2022.11.25
1975
Swiper

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

更新日:2023.01.25
2302
Swiper

【Swiper】指定したindex(インデックス)番号のスライドがアクティブの時、処理を実行する方法

2023.11.21
72
Swiper

Swiperでサムネイル固定のスライダーを実装する方法

更新日:2022.11.25
4466