🖼️

カルーセル

バナー広告のようにスライドやタップによって画像が切り替わるエレメントである。

エレメントの配置

左ウインドウのエレメント一覧からカルーセルエレメントを選択し、配置する。
 

データベースの作成

データベースに移動し、テーブルの新規作成を行う。
 
新規作成したテーブルに画像項目を追加するし、画像を含むレコードを二つ以上追加する。 ※画像を含むレコードが二つ以上ないと動作確認が出来ません。

エレメントの設定

開発画面に戻り、カルーセルエレメントを選択する。 右ウインドウの「エレメント」タブの「カルーセル」項目に先ほど作成したテーブルを選択する。
 
画像項目を開き、画像ソースを選択する。ドロップダウンメニューから「データベース > Current カルーセル > 画像」を選択する。
 
画像を自動で切り替えたい場合はオートスクロール項目のスイッチをオンにする。 オートスクロール項目を開き、画像の切り替わる速度を設定する。
 
インジケーターをつける場合はスイッチをオンにする。タブを開き、表示位置を設定する。インジケーターは現在表示している画像が何番目か点で表示したものである。
 
矢印ボタンを使用する場合はスイッチをオンにする。矢印をタップすることで画像を切り替えることができる。矢印タブではアイコンを変更することができる。
 

プレビューで動作確認を行う。