eCatalog 画像マップの描画

eCatalog では、eCatalog 画面の「ページをマップ」タブで画像マップを描画します。この画面は、eCatalog のページを表示する画像マップ領域と、右側に表示される画像マップリストから構成されます。画像マップを作成すると、その名前が画像マップリストに表示されます。

  1. eCatalog のロールオーバー時に表示される「編集」ボタンをクリックします。

  2. 「ページをマップ」をクリックします。

  3. ページをマップ画面の左側で、必要なページを選択します。

  4. 以下の手順に従って、長方形または多角形の画像マップを画像マップ領域で描画します。

    長方形マップ
    長方形画像マップツール を選択し、ページをドラッグして長方形を作成します。

    多角形マップ
    多角形画像マップツール を選択し、画像の枠の周りを必要な回数だけクリックします。クリックするごとに画像マップの辺が描画されます。

    画像マップの描画が終わると、その画像マップに名前が割り当てられて画像マップリストに表示されます。割り当てられる名前は、作業対象の eCatalog ページの名前に連番を付加したものです。

  5. (オプション)画像マップリストパネルの「名前」列の下で、画像マップの新しい名前を入力します。名前を入力するときは、空白を入力しないでください。

  6. 閲覧者が画像マップをクリックしたときに、新規の Web ページを開くことができます。画像マップリストパネルの「URL」列に Web ページの URL を入力します。

    「編集」をクリックし、テンプレートを入力すると、URL(Href テンプレート)の入力が容易になります。

    詳しくは、 テンプレートを使用した JavaScript および URL の入力 を参照してください。

  7. (オプション)「表示」ドロップダウンリストで、「ロールオーバーテキスト」をクリックし、ユーザが画像マップにポインタを合わせたときに画面上に表示するテキストを入力します。

  8. (オプション)「表示」ドロップダウンリストで、「その他のアクション」をクリックし、ユーザが画像マップにポインタを合わせたときにぼかしや焦点合わせを実行する属性を入力します。

    詳しくは、 画像マップのその他のアクションの定義 を参照してください。

  9. 「保存」をクリックします。

  10. (オプション)「プレビュー」をクリックして、初期設定の eCatalog ビューアプリセットで eCatalog をプレビューします。

画像マップを削除するには、画像マップリストで削除する画像マップの名前を選択し、「削除」をクリックします。画像マップを削除せずに一時的に画像マップをページから取り除くには、画像マップリストパネルの画像マップの「オン」オプションを選択解除します。