Image carouselエレメントの追加.

自動で切り替わるスライドショーを設置できます。自分で見たい訪問者向けに矢印とドットが付いています。ポートフォリオ、フォトギャラリー、複数の画像を見せるヒーローに使います。

イメージカルーセルの追加

1. カラムにカーソルを合わせ、コントロールバーの+をクリックします。空のページではAdd Elementsをクリックします。Contentタブを開き、Image carouselをクリックします。
2. メディアライブラリーからImagesを選んで挿入します。
3. スライド間のIntervalを選びます。
4. ダイアログのSaveをクリックします。次に、コンテンツエリア上部のツールバーにあるSaveをクリックして、ページを保存します。

表示内容

スライドショーは選んだ間隔で切り替わり、両側に矢印、下にドットが表示されます。最初の画像がすぐに表示され、残りは挿入した順に続きます。

イメージカルーセルの設定

エレメントのMore > Settingsを開きます。設定項目は次のとおりです。

• Images: メディアライブラリーからスライドショーの画像を選んだり、アップロードしたりします。
• Interval: スライド間の時間（ミリ秒）。自動切り替えを止めるには0にします（初期値：5000）。
• Hide: スライド下のドット表示を隠すにはHide pagination controlに、左右の矢印を隠すにはHide prev/next buttonsにチェックを付けます。
• Alt attribute（SEO panel）: カルーセル画像の代替テキスト。

表示されない場合

• ContentタブにImage carouselがない。 ユーザープロファイルで非表示になっています。管理者にUser Profilesでの有効化を依頼してください。
• 再読み込み後に消えている。 ページが保存されていません。追加し直し、コンテンツエリア上部のツールバーにあるSaveをクリックします。
• 画像が1枚しか出ず切り替わらない。 画像が1枚しか挿入されていないか、Intervalが0です。画像を追加するか、0より大きい間隔を設定します。
• 矢印やドットがない。 HideにあるHide prev/next buttonsかHide pagination controlにチェックが付いています。設定でチェックを外します。

次のステップ

Styleタブでイメージカルーセルの間隔や背景を変更します。