画像マップの作成 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