画像マップのサポート

最終更新日: 2021-12-10
  • 作成対象:
  • Developer
    User

eCatalog ビューアでは、メインビューの上にある画像マップアイコンのレンダリングがサポートされます。

マップアイコンの外観は、 画像マップ効果.

画像マップは、次の 3 つのアクションのいずれかを実行します。外部 Web ページ、情報パネルのポップアップのアクティベーション、内部ハイパーリンクにリダイレクトします。

外部 Web ページにリダイレクト

この href 画像マップの属性に、外部リソースへの URL が含まれている(明示的に指定されているか、サポートされる次の JavaScript テンプレート関数の 1 つに含まれている)。 loadProduct(), loadProductCW()、および loadProductPW().

単純な URL リダイレクトの例を次に示します。

href=http://www.adobe.com

この例では、同じ URL が loadProduct() 関数:

href=javascript:loadProduct("http://www.adobe.com");void(0);

JavaScript コードを HREF イメージマップの属性を指定すると、コードはクライアントのコンピューター上で実行されます。 そのため、JavaScript コードが安全であることを確認してください。

情報パネルポップアップのアクティベート

情報パネルを操作するために、画像マップに ROLLOVER_KEY 属性セット。 また、 href 属性を使用しない場合は、外部 URL の処理が情報パネルのポップアップのアクティベーションに干渉します。

最後に、ビューア設定に、 InfoPanelPopup.template また、オプションで InfoPanelPopup.infoServerUrl パラメーター。

メモ

情報パネルポップアップを設定すると、情報パネルに渡されたHTMLコードおよび JavaScript コードがクライアントのコンピューターで実行されます。 そのため、このようなHTMLコードと JavaScript コードは必ず安全にしてください。

内部ハイパーリンク

画像マップを選択すると、ビューア内で内部ページの入れ替えが実行されます。 この機能を使用するには、 href 画像マップの属性は、次の特殊な形式を持ちます。

href=target: *idx*

ここで、 *idx* は、カタログスプレッドの 0 を基準とするインデックスです。

次に、 href 属性は、eCatalog 内の 3D スプレッドを指す画像マップの場合は次のようになります。

href=target:2

このページ