コアパラメータ

Swiper インスタンス生成時に渡すパラメータの一覧です。

const swiper = new Swiper('.swiper', {
  // ここにパラメータを記述
});

基本パラメータ

パラメータ	型	デフォルト値	説明
init	boolean	true	Swiper を自動初期化するかどうか
enabled	boolean	true	Swiper を有効にするかどうか
direction	'horizontal' | 'vertical'	'horizontal'	スライドの方向
speed	number	300	アニメーション速度（ms）
initialSlide	number	0	初期表示スライドのインデックス
loop	boolean	false	ループモードを有効にするか
allowTouchMove	boolean	true	タッチ操作を許可するか
grabCursor	boolean	false	ホバー時にカーソルをポインターに変更するか

エフェクトパラメータ

パラメータ	型	デフォルト値	説明
effect	string	'slide'	トランジション効果（'slide', 'fade', 'cube', 'coverflow', 'flip', 'cards', 'creative'）
fadeEffect	object	—	フェード効果の設定
cubeEffect	object	—	キューブ効果の設定
coverflowEffect	object	—	カバーフロー効果の設定
flipEffect	object	—	フリップ効果の設定
cardsEffect	object	—	カード効果の設定
creativeEffect	object	—	クリエイティブ効果の設定

ナビゲーションパラメータ

パラメータ	型	デフォルト値	説明
navigation	object | boolean	false	前へ/次へボタンの設定
pagination	object | boolean	false	ページネーションドットの設定
scrollbar	object | boolean	false	スクロールバーの設定

スクロール / オートプレイ

パラメータ	型	デフォルト値	説明
autoplay	object | boolean	false	自動再生の設定
mousewheel	object | boolean	false	マウスホイール操作の設定
keyboard	object | boolean	false	キーボード操作の設定

レスポンシブ設定

パラメータ	型	デフォルト値	説明
breakpoints	object	{}	ブレークポイントごとの設定
breakpointsBase	'window' | 'container'	'window'	ブレークポイントの基準

breakpoints の例

const swiper = new Swiper('.swiper', {
  slidesPerView: 1,
  breakpoints: {
    640: { slidesPerView: 2 },
    1024: { slidesPerView: 3 },
  },
});

日本向け拡張パラメータ

パラメータ	型	デフォルト値	説明
flickSensitivity	number	1.0	フリック感度の調整値（日本向け）
verticalWriting	boolean	false	縦書きモード（writing-mode: vertical-rl）
warekiPagination	boolean	false	和暦ページネーション表示

このセクションは Swiplus 独自の拡張です。詳細は別途追加予定です。