スライダー作成ツール

基本設定

クラス名

画像

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

デバイス別設定

画像設定

画像の角丸

画像の比率

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

矢印ボタン

ボタンサイズ

矢印サイズ

角丸

矢印の太さ

画像とボタンの間隔

ボタンの色

矢印の色

無効時の色

ドット

サイズ

間隔

上の余白

通常時の色

現在位置の色

画像設定

画像の角丸

画像の比率

基本は「3：4」。スマホでは1枚の画像を大きく表示します。

矢印ボタン

ボタンサイズ

矢印サイズ

角丸

矢印の太さ

画像とボタンの間隔

ボタンの色

矢印の色

無効時の色

ドット

サイズ

間隔

上の余白

通常時の色

現在位置の色

プレビュー