方法 : Web ページに ImageMap Web サーバー コントロールを追加する

更新 : 2007 年 11 月

ImageMap コントロールでは、ユーザーが個別にクリックできるホットスポットを備えたグラフィックを作成します。ImageMap コントロールを作成するには、コントロールを作成し、イメージを指定し、ホットスポットを個別に定義します。

ImageMap コントロールを追加するには

1. ツールボックスの [標準] タブから、ImageMap コントロールをページにドラッグします。

2. [プロパティ] ウィンドウで、コントロールの ImageUrl プロパティに、表示するグラフィックの URL を設定します。

   メモ :
   プロパティ ボックスのボタンをクリックして、[イメージの選択] ダイアログ ボックスを表示します。

3. オプションとして、コントロールの HotSpotMode プロパティを設定して、ホットスポットをクリックすると別のページに移動するのか、またはポストバックが実行されるのかを指定できます。

   メモ :
   ホットスポットごとに、コントロール全体の設定をオーバーライドできます。

ホットスポットを定義するには

1. [プロパティ] ウィンドウの [HotSpots] プロパティ ボックスをクリックして、[[HotSpot コレクション エディタ]] ダイアログ ボックスを表示します。

2. [追加] ボタンの横の矢印ボタンをクリックして、作成するホットスポットの種類 (CircleHotSpot、RectangleHotSpot、PolygonHotSpot) を選択します。

3. ホットスポットごとに、プロパティ グリッドを使用して、次の表のとおりにホットスポットの座標を指定します。

   ホットスポットの種類	座標
   CircleHotSpot	Radius
   RectangleHotSpot	Top
   PolygonHotSpot	Coordinates

4. コントロールの HotSpotMode 設定をオーバーライドする場合は、各ホットスポットの HotSpotMode プロパティを設定して、ホットスポットをクリックすると別のページに移動するのか、またはポストバックが実行されるのかを指定します。

5. 他のページに移動するようにホットスポットを設定する場合は、href プロパティを指定します。

6. ポストバックを実行するようにホットスポットを設定する場合は、クリックされたホットスポットに関する情報を提供するように、ホットスポットの PostBackValue を設定します。Click イベント ハンドラにこの値を読み込むことができます。

7. ホットスポットの定義が終了したら、[OK] をクリックします。

参照

処理手順

方法 : ImageMap Web サーバー コントロールでのユーザーのクリックに応答する

概念

ImageMap Web サーバー コントロールの概要