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

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

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

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

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

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

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

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

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

②基本設定

③デザイン設定

項目	内容
画像の角丸	スライド画像の丸みを設定します
コンテナの角丸	コンテナの丸みを設定します
コンテナの背景色	コンテナの背景色を設定します
コンテナの余白	コンテナ内の上下左右の余白を調整します
影	カルーセルに影のエフェクトを追加します
整列	開始位置：１枚目のスライドが左端から開始します中央：１枚目のスライドが中央から開始します終了位置：１枚目のスライドが終了位置から開始します

④見出し設定

⑤ラベル設定

項目	内容
表示	画像毎に設定したラベルテキストを表示する位置を指定します
位置	ラベルテキストを表示する位置を指定します
文字色	ラベルテキストの文字色を指定します
背景色	ラベルテキストの背景色を指定します
文字サイズ	ラベルテキストの文字サイズを指定します
太字	ラベルテキストを太字にします
余白	ラベルテキストの余白を指定します
角丸	ラベルテキストの背景の丸みを指定します
オフセット	画像内ラベルの端からの距離、または画像外ラベルと画像の間隔を指定します

⑥詳細設定

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

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

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