Swiperジェネレーター
表示するスライドの総数を設定します。
スライドの切り替え効果を選択します。
前後のナビゲーションボタンを表示します。
ページネーションを表示します。
一度に表示するスライドの数を設定します。
スライド間のスペース(ピクセル単位)を設定します。
スライドが自動的に切り替わる間隔(ミリ秒単位)を設定します。
スライドの切り替え速度(ミリ秒単位)を設定します。
スライドがループするかどうかを設定します。
※SwiperのCSSとJSは読み込まれている前提です。
※Swiperのbreakpointsはmin-widthなので注意。ブレイクポイントは768pxとしています。
※その他のオプションは公式ドキュメントを参照してください。
プレビュー(PC)(SP)
生成されたコード
HTML
JavaScript