Übersicht über das ImageMap-Webserversteuerelement

Aktualisiert: November 2007

Mit dem ASP.NET-ImageMap-Steuerelement können Sie ein Bild mit einzelnen Bereichen (Hotspots) erstellen, auf die Benutzer klicken können. Jeder dieser Hotspots kann ein separater Hyperlink oder ein Postbackereignis sein.

Dieses Thema enthält folgende Abschnitte:

• Hintergrund

• Codebeispiele

• Klassenreferenz

Hintergrund

Das ImageMap-Steuerelement besteht aus zwei Teilen. Der erste Teil ist ein Bild in einem beliebigen Standard-Webgrafikformat, wie beispielsweise .gif, .jpg oder .png.

Das zweite Element besteht aus einer Auflistung von HotSpot-Steuerelementen. Jedes Hotspotsteuerelement stellt ein anderes Element vom Typ CircleHotSpot, RectangleHotSpot oder PolygonHotSpot dar. Sie können für jedes Hotspotsteuerelement die Koordinaten definieren, mit denen die Position und die Größe des Hotspots festgelegt werden. Wenn Sie beispielsweise ein CircleHotSpot-Steuerelement erstellen, definieren Sie die X- und Y-Koordinaten für den Mittelpunkt und den Radius des Kreises.

Die Anzahl der Hotspots in Ihrem Bild können Sie ganz Ihren Anforderungen entsprechend festlegen. Die Grafik muss nicht vollständig durch Hotspots abgedeckt werden.

Hinweis:
Sie können überlappende Hotspots definieren. Jeder Hotspot hat einen Z-Indexwert. Wenn ein Benutzer auf einen Bereich klickt, der durch zwei oder mehrere überlappende Hotspots definiert ist, wird der Hotspot mit dem höchsten Rang in der Z-Reihenfolge ausgewählt.

Reagieren auf Benutzerklicks

Sie können angeben, was geschehen soll, wenn Benutzer auf einen Hotspot klicken. Jeder Hotspot kann als Link zu einer URL konfiguriert werden, die Sie für diesen Hotspot bereitstellen. Alternativ können Sie das Steuerelement so konfigurieren, dass beim Klicken auf einen Hotspot ein Postback ausgeführt wird. Dazu müssen Sie für jeden Hotspot einen eindeutigen Wert bereitstellen. Das Postback löst das Click-Ereignis des ImageMap-Steuerelements aus. Im Ereignishandler finden Sie den eindeutigen Wert für den jeweiligen Hotspot.

Zurück nach oben

Codebeispiele

Gewusst wie: Hinzufügen von ImageMap-Webserversteuerelementen zu einer Webseite

Gewusst wie: Reagieren auf Mausklicks in ImageMap-Webserversteuerelementen

Zurück nach oben

Klassenreferenz

In der folgenden Tabelle werden die Klassen aufgelistet, die sich auf das ImageMap-Steuerelement beziehen.

Zurück nach oben

Siehe auch

Referenz

Übersicht über das Image-Webserversteuerelement