シナリオ作成：カルーセル

HTMLバナー＞ウィジェット＞カルーセルにてカルーセルシナリオを作成することができます。

ノーコードでカルーセルを設定し、オーバーレイやインラインシナリオとして活用することができます。

①スライドさせる画像を設定します

”アップロード”を選択すると画像を設定できます。

アップロード時に画像のアスペクト比などトリミングすることができます。

編集メニューでは下記が可能です

・画像のトリミング
・拡大、縮小
・画像の回転
・画像の容量圧縮

アップロードした画像には遷移先リンクとALT属性のテキストを設定することができます

②基本設定

③デザイン設定

項目	内容
画像の角丸	スライド画像の丸みを設定します
コンテナの角丸	コンテナの丸みを設定します
コンテナの背景色	コンテナの背景色を設定します
見出しテキスト	コンテナに見出しテキストを設定します
見出し位置	見出しテキストを表示する位置を設定します
見出し色	見出しテキストの色を設定します
整列	開始位置：１枚目のスライドが左端から開始します中央：１枚目のスライドが中央から開始します終了位置：１枚目のスライドが終了位置から開始します

④詳細設定

項目名	内容
スワイプ可能にする	ドラッグ・スワイプでスライドを操作可能になります
前へボタン・次へボタン	スライドを操作するボタンを設置します
ドットナビゲーション	スライド位置を示すドットナビゲーションを設置します
ナビゲージョン位置	ドットナビゲーションの位置を設定します

画像のアスペクト比（縦横比）を揃えてください
- アスペクト比の統一された画像をアップロードしてください。
  アップロード時にトリミングをすることでアスペクト比を揃える事も可能です。
画像の容量サイズに注意してください
- カルーセルでは一度に複数枚の画像を表示します。画像のファイルサイズが大きい場合、カクついた表示の原因になりUXの低下につながります。
スライドの枚数を増やしすぎない
- ユーザーがすべてのスライドを閲覧しない可能性が高くなります。
  情報を詰め込みすぎると伝えたい内容が分散してしまう恐れがあります。
  伝えたい内容を整理したうえで、必要最小限の枚数に抑えることを推奨します。

ノーコードでカルーセルを作成できる機能です。