Written by Kasumi

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

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

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

initialSlideを使おう

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

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

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

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

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

まとめ

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

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

目次

関連記事

Swiper

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

更新日:2022.11.25
5625
Swiper

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

更新日:2022.11.25
4541
Swiper

swiperスライダーで前後の矢印を外に出す方法

2023.09.24
950
Swiper

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

更新日:2022.11.25
2508