Marqueeエレメントの追加.

DXPR Builderを学ぶページを作るコンテンツを追加データとモーション

ページを横切って1つの連続ループでスクロールする画像の帯を設置できます。静止した列では場所を取りすぎるパートナーロゴ、顧客紹介、ブランドパレードに使います。

グレースケールでスクロールするLogoipsumロゴを示すマーキーエレメント

マーキーの追加

  1. カラムにカーソルを合わせ、コントロールバーの+をクリックします。空のページではAdd Elementsをクリックします。Contentタブを開き、Marqueeをクリックします。
  2. サンプルのImagesを消去し、メディアライブラリーからロゴを選んで挿入します。
  3. すべてのロゴが揃うようHeightを設定します。
  4. 速度はSpeedで選びます。ロゴには遅めの方が読みやすくなります。
  5. 落ち着いた均一な見た目にするにはGray scaleをオンにします。
  6. ロゴの出入りを柔らかくするにはFade edgesをオンにします。
  7. ダイアログのSaveをクリックします。次に、コンテンツエリア上部のツールバーにあるSaveをクリックして、ページを保存します。

表示内容

ロゴが1つの連続ループでページを横切ってスクロールします。高さはすべて同じで、グレー表示、両端でフェードイン・フェードアウトします。帯にカーソルを合わせると停止するため、訪問者はじっくり見られます。

マーキーの設定

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

  • Images: 帯の中の画像。メディアブラウザーから選ぶか、URLを貼り付けます。
  • Speed: スクロール速度。1(最も遅い)から5(最も速い)。初期値:3。
  • Height: 画像の高さ(ピクセル)。10から200(初期値:50)。
  • Image layout: 画像のサイズ合わせ。Fixed height imagesまたはFixed width images。
  • Gray scale: すべての画像をグレースケールで表示します。
  • Fade edges: 左右の端にフェード効果を付けます。

表示されない場合

  • ContentタブにMarqueeがない。 ユーザープロファイルで非表示になっています。管理者にUser Profilesでの有効化を依頼してください。
  • 再読み込み後に消えている。 ページが保存されていません。追加し直し、コンテンツエリア上部のツールバーにあるSaveをクリックします。
  • 帯が空になっている。 サンプル画像を消去し、何も挿入していません。More > Settingsを開いて画像を追加します。
  • ロゴのサイズがばらばらになっている。 Image layoutがFixed width imagesです。Fixed height imagesを選び、Heightを1か所で設定します。
  • 帯が動かない。 ページ上の何かが帯にカーソルを合わせているか、短い帯でSpeedが1です。ポインターを離し、画像を追加するか速度を上げます。

次のステップ

Styleタブでマーキーの間隔や背景を変更します。