Written by Kasumi

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

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

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

initialSlideを使おう

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

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

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

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

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

まとめ

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

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

目次

関連記事

Swiper

左右に見え隠れするスライダーを高さ固定で実装する方法【swiperを使用】

更新日:2022.11.25
4568
Swiper

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

更新日:2022.11.26
6732
Swiper

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

2022.11.25
4350
Swiper

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

更新日:2022.11.25
2527