[ 解決済 ] スライダーブロックでアクティブスライドを中央にすると、見切れている次の画像が表示されない

[川井昌彦]

■ WordPress のバージョン
6.6.1

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。

■ テーマの種類
X-T9

■ テーマのバージョン
1.26.3

■ 関連しそうなプラグインを一つずつ停止して症状が改善するか確認してください。
確認しました。

■ プラグインの種類・バージョン
VK Blocks 1.83.0.1

■ 期待する動作
スライダーブロックで下記のように設定しました。
・スライド設定
　エフェクト：スライド
　繰り返し：オン
　自動再生：オン

・スライダーアイテム：３つ
・アイテムの複数表示設定：1.5
・一度に遷移するスライドアイテムの数：1つずつ
・アクティブスライドを中央にする：オン

3枚の画像をカルーセルで繰り返し表示したいです。

■ 自分で試した事
スライダーアイテムの4つ目を追加すると、問題なく表示されます。（下のスライダー）

■ 症状が発生するブラウザ
chrome

■ 実際の症状
2周目になると見切れている右側の画像（次の画像）が表示されません。（上のスライダー）

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[対馬 俊彦]

[表示されている枚数] ＋ [1枚] 以上のスライドが必要、というのは
VK Blocks にバンドルされている JavaScript ライブラリ「Swiper」の仕様ですので、
対策はむずかしいと思います。

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

以前にこのようなケースがあって、そのときは同じ3枚のスライドの組み合わせを複製して、
合計6枚にして対応しました。ページネーションは非表示にしました。

[川井昌彦]

対馬さん
ありがとうございます。
ライブラリの仕様なのですね。

スライダーは、納品後はお客様が更新するので、同じものを繰り返して登録するというのは厳しいのです。
お客様に、最低4枚必要という仕様に変更する話をして、追加の材料を用意していただくようにお願いしてみます。

[投稿者]

投稿