【Swiper】最初に表示されるスライドを変更したい場合の指定方法

ウェブ制作
はる
はる

Swiperでスライダーを作成時に、読み込みと同時に表示される最初のスライドを指定したい場合のやりかたを毎回ドキュメントから探すので覚えるためにもメモメモ

パラメーターの『initialSlide』に何番目のスライドかの数字を指定しることで指定できる。

ただし、0スタートなので注意。

const swiper = new Swiper('.swiper-container', {
    initialSlide: 5, // スライドの6番目を指定した場合(※0から数える)

    // 省略

});
パラメーター指定する型初期値説明
initialSlide数値0読み込み時のスライドを数値で指定できる

ドキュメント: https://swiperjs.com/swiper-api#parameters

タイトルとURLをコピーしました