© - 2025 K-ART-FACTORY Co.,Ltd.

Swiperジェネレーター

表示するスライドの総数を設定します。

スライドの切り替え効果を選択します。

前後のナビゲーションボタンを表示します。

ページネーションを表示します。

一度に表示するスライドの数を設定します。

スライド間のスペース(ピクセル単位)を設定します。

スライドが自動的に切り替わる間隔(ミリ秒単位)を設定します。

スライドの切り替え速度(ミリ秒単位)を設定します。

スライドがループするかどうかを設定します。

※SwiperのCSSとJSは読み込まれている前提です。
※Swiperのbreakpointsはmin-widthなので注意。ブレイクポイントは768pxとしています。
※その他のオプションは公式ドキュメントを参照してください。

プレビュー(PC)(SP)

スライド1

生成されたコード

HTML

JavaScript