カルーセル作成ツール

基本設定

クラス名

画像

プレビューには確認用のサンプル画像を表示しています。生成されるコードにはサンプル画像は含まれず、下記で指定した画像パスが使用されます。実際に使用する画像はご自身で用意してください。

デバイス別設定

画像設定

画像の間隔

画像の角丸

画像の比率

基本は「16：9」。ほかにも「4：3」「1：1」など、自由に設定できます。

矢印ボタン

画像とボタンの間隔

ボタンサイズ

矢印サイズ

角丸

矢印の太さ

ボタンの色

矢印の色

無効時の色

ドット

サイズ

間隔

上の余白

通常時の色

現在位置の色

画像設定

画像の間隔

画像の角丸

画像の比率

基本は「3：4」。スマホで3枚の画像が見やすく表示される縦長の比率です。

矢印ボタン

ボタンサイズ

矢印サイズ

角丸

矢印の太さ

画像端からの位置

ボタンの色

矢印の色

無効時の色

ドット

サイズ

間隔

上の余白

通常時の色

現在位置の色

プレビュー