vektor-inc / vk-blocks-pro

11 stars 3 forks source link

[ スライダー ] 複数表示するときの注意書きがあったほうがよいかな #2234

Open sysbird opened 1 week ago

sysbird commented 1 week ago

表示枚数 + 1 のスライドアイテムが必要です ※ Swiper の仕様

https://github.com/user-attachments/assets/8fd75bd3-ba53-409c-8889-95c56caaec26

goutetsuguma commented 1 week ago

メモ

https://swiperjs.com/swiper-api#param-loop

Set to true to enable continuous loop mode

Because of nature of how the loop mode works (it will rearrange slides), total number of slides must be:

more than or equal to slidesPerView + slidesPerGroup even to slidesPerGroup (or use loopAddBlankSlides parameter) even to grid.rows (or use loopAddBlankSlides parameter)

kurudrive commented 3 days ago

現状でもアラートは表示されるようになっている

スクリーンショット 2024-10-03 14 07 08

これは表示されている枚数 + 1 が最低必要だからこのようにしている。

しかしながら、「アクティブスライドを中央にする」が有効の場合、1.5 に指定しても初期表示では3枚表示されているので、Swiper 的には +1 枚の4枚必要という事になる。 つまり、アクティブスライドが中央じゃない場合は現行のメッセージで良いが、アクティブスライドが中央 の場合は

アクティブスライドが中央 の場合は、配置されたスライドアイテムの数は、1ビューに表示したいアイテム数+2以上である必要があります。

を表示する。

※ メッセージを表示するロジックも調整する必要がある