Written by Kasumi

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

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

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

initialSlideを使おう

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

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

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

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

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

まとめ

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

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

目次

関連記事

Swiper

【swiper】スライド時にズーム機能をつけれるスライダーを実装【簡単】

更新日:2022.11.25
1196
Swiper

Swiperスライダーで次のスライドを少し見せて表示する方法

2022.12.01
57
Swiper

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

更新日:2022.11.25
88
Swiper

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

更新日:2022.11.25
1211