画像マップの作成 creating-image-maps

画像マップは、画像、eCatalog ページ、またはスピンセット内の画像の領域で、テキストを含んだロールオーバーパネルを表示します。 ユーザーが画像マップを選択すると、何らかのアクションがトリガーされます。 例えば、ユーザーが製品についてさらに知ることができるように web ページが起動されます。 ユーザーが画像マップの上にポインターを移動すると、画像マップの周囲にアウトラインが表示されます。

Adobe Dynamic Media Classicで画像マップを作成する機能に加えて、Adobe AcrobatまたはAdobe InDesignでカタログをデザインする際に画像マップを作成することもできます。

画像マップを作成する際は、次のいずれかの操作を行うことができます。

画像マップの描画と調整 drawing-and-adjusting-an-image-map

画像マップの位置、シェイプ、サイズを調整する adjusting-the-position-shape-and-size-of-image-maps

画像マップの位置、シェイプ、サイズを変更するには、画像マップ ボタンを選択します。 次に、 パン ツールを使用して、次の手順に従います。

重なり合う画像マップを処理 handling-overlapping-image-maps

画像または eCatalog ページに複数の画像マップが含まれ、マップが重なっている場合は、マップがどのように重なっているかを指定できます。 これには、画像マップリストでマップの順序を変更します。リストでマップ名を上下にドラッグします。リスト内で名前が上にある画像マップは、下にあるほかの画像マップの上に重なります。

画像マップデータの読み込み importing-image-map-data

ページごとに画像マップデータを入力する方法もありますが、画像、スピンセットまたは eCatalog のデータをマップの概要画面で読み込むこともできます。イメージマップデータは、タブ区切りファイルまたは XML DTD 形式で読み込みます。ファイルのフィールドの並び順は、マップの概要画面の表示順と同じにする必要があります。名前、TOC ラベル、マップ、URL、ロールオーバーテキスト、その他のアクション、検索文字列の順に並ぶようにしてください。画像マップのデータを読み込むと、各画像マップの作成時に画像マップリストにデータを入力する手間を省くことができます。

画像マップのデータを読み込むには：

イメージ マップをコピー copying-image-maps

画像または eCatalog ページ間で画像マップをコピーできます。使用方法 画像マップをコピー 素早く作成を開始できます。 画像マップをコピーして、レイアウトやマッピング構造を共有する画像またはページで再作成することもできます。

例えば、eCatalog 内で画像マップをコピーすると、同じ eCatalog の外国語バージョン間ですべての画像マップをコピーする便利な方法です。 最適な結果を得るには、同じページ数と同じ画像の eCatalog 間でコピーを行う場合に、最も効果的な方法です。 コピー先の eCatalog に既に画像マップが含まれている場合、コピーが作成されると、それらの画像マップは削除されます。

イメージ マップをコピーするには：

テンプレートを使用した JavaScript と URL の入力 using-a-template-to-enter-javascript-and-urls

URL テンプレート（Href テンプレート）を定義すると、画像マップの URL を簡単に、より効率的に入力できるようになります。使用する画像マップの URL のほとんどが、共通の決まった形式を共有している場合、URL テンプレートを定義することをお勧めします。固定された URL の一部を URL テンプレートとして入力することにより、画像マップを作成するたびにこの URL の部分を入力する必要がなくなります。また、URL テンプレートには、JavaScript コマンド、パス名およびパラメーターを含めることもできます。 デフォルトでは、URL テンプレートには、という独自のAdobe Dynamic Media Classic JavaScript ハンドラーが含まれています loadProduct これにより、画像が新しいウィンドウに開きます。

URL テンプレートについて about-url-templates

URL テンプレートは、画像マップ リストの URL 列のコンテンツを置き換えることで機能します。 テンプレートでは、2 つのドル記号（「$$」）に置き換えられます。

Javascript:loadProduct('$$');void(0);

画像マップ間で変更されないすべての値は、URL テンプレートに配置します。 画像マップリストの「URL」列には、共通部分以外の値のみを追加します。以下に例を挙げます。

デフォルトでは、URL テンプレートにはという独自のAdobe Dynamic Media Classic JavaScript ハンドラーが含まれています loadProduct URL の宛先を含む新しいウィンドウが開きます。 ただし、任意の JavaScript コードを使用してこの JavaScript ハンドラーを置き換えたり、次のAdobe Dynamic Media Classic ハンドラーのいずれかを使用したりできます。

URL テンプレートの作成 creating-a-url-template

URL テンプレートの処理 handling-url-templates

マップエディタページ（画像およびスピンセットの場合）および eCatalog 画面の「ページをマップ」タブ（eCatalog の場合）には、URL テンプレートを処理するための次のコマンドが用意されています。

画像マップのその他のアクションの定義 defining-other-actions-for-image-maps

を選択できます 表示 メニューと選択 その他のアクション ロールオーバーテキストと web ページの起動以外のアクションをトリガーにするには、次の手順を実行します。 ユーザが画像マップにポインタを合わせたときに、アクションを起動できます。このようなアクションは、World Wide Web Consortium の HTML 仕様によって、クライアント側画像マップとして定義されている属性を使用します。以下に例を示します。

画像マップのその他のアクションを定義するには：

「」を選択します 表示 メニューと選択 両方 画像マップにロールオーバーテキストとアクションを含めたい場合。

Adobe AcrobatまたはAdobe InDesignでの画像マップの作成 creating-image-maps-in-adobe-acrobat-or-adobe-indesign

画像マップは、Adobe Acrobat や Adobe InDesign での eCatalog のデザイン中に作成できます。

Adobe AcrobatまたはAdobe InDesignで、画像マップを表示する場所にハイパーリンク参照を作成し、画像マップの URL の場所を指定します。 PDFファイルをAdobe Dynamic Media Classicにアップロードする際に「リンクを抽出」オプションをオンにすると、リンクが画像マップに自動変換されます。

詳しくは、Adobe InDesign ヘルプまたはAdobe Acrobat ヘルプを参照してください。

Adobe InDesign で画像マップを作成するには： to-create-image-maps-in-adobe-indesign

Adobe Acrobat で画像マップを作成するには to-create-image-maps-in-adobe-acrobat