carousel

画像/コンテンツを切替表示するカルーセルです。2列(位置ベース: [0]=画像 [1]=自由記述のコンテンツ)。コンテンツ列はcolumnsと同様にセルのHTMLをそのまま描画するので、見出し・複数段落・CTAリンクなど自由に書けます。前後ボタン・矢印キー操作に対応し、`autoplay`/`autoplay:<秒数>`variantで自動再生を切り替えられます(既定はOFF)。1行だけならナビゲーション自体を出しません(Single/Multipleの自動判定)。ラップアラウンド時も常に同じ方向へアニメーションする「リール」方式です。

プレビュー

キャンペーン
コミュートランニングシューズ
軽量設計で長距離ランにも最適です。
詳しく見る
2WAYジムバックパック
キャンペーン
コミュートランニングシューズ
軽量設計で長距離ランにも最適です。
詳しく見る

ソース

| carousel (autoplay:3) | |
| --- | --- |
| ![コミュートランニングシューズ](/images/products/commute-running-shoes.png) | **コミュートランニングシューズ**<br>軽量設計で長距離ランにも最適です。<br>[詳しく見る](/ja/commerce/detail/commute-running-shoes) |
| ![2WAYジムバックパック](/images/products/gym-backpack-2way.png) | 2WAYジムバックパック |
| ![初心者ランナー応援キャンペーン](/images/campaign/running-beginner-hero.png) | キャンペーン |