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

Aktualisiert: November 2007

Das ImageMap-Steuerelement erstellt eine Grafik mit Hotspots, die von den Benutzern einzeln angeklickt werden können. Um ein ImageMap-Steuerelement zu erstellen, müssen Sie das eigentliche Steuerelement erstellen, ein Bild angeben und dann die einzelnen Hotspots definieren.

So fügen Sie ein ImageMap-Steuerelement hinzu

  1. Ziehen Sie von der Registerkarte Standard der Toolbox ein ImageMap-Steuerelement auf die Seite.

  2. Legen Sie im Eigenschaftenfenster die ImageUrl-Eigenschaft des Steuerelements auf den URL der Grafik fest, die angezeigt werden soll.

    Hinweis:

    Klicken Sie auf die Schaltfläche im Eigenschaftenfeld, um das Dialogfeld Bild auswählen anzuzeigen.

  3. Optional können Sie über die HotSpotMode-Eigenschaft des Steuerelements festlegen, ob bei einem Klick auf den Hotspot eine andere Seite aufgerufen oder ein Postback ausgeführt werden soll.

    Hinweis:

    Sie können die für das gesamte Steuerelement geltende Einstellung für jeden Hotspot überschreiben.

So definieren Sie Hotspots

  1. Klicken Sie im Eigenschaftenfenster auf das HotSpots-Eigenschaftenfeld, um das Dialogfeld Hotspot-Auflistungs-Editor anzuzeigen.

  2. Klicken Sie neben der Schaltfläche Hinzufügen auf die Pfeilschaltfläche, um den gewünschten Typ von Hotspot auszuwählen (CircleHotSpot, RectangleHotSpot, PolygonHotSpot).

  3. Mit dem Eigenschaftenraster können Sie die Koordinaten für die einzelnen Hotspots angeben (siehe folgende Tabelle).

    Hotspottyp

    Koordinaten

    CircleHotSpot

    Radius

    RectangleHotSpot

    Top

    PolygonHotSpot

    Coordinates

  4. Wenn Sie die HotSpotMode-Einstellung des Steuerelements überschreiben möchten, müssen Sie in der HotSpotMode-Eigenschaft für jeden Hotspot angeben, ob bei einem Klick auf den Hotspot eine andere Seite aufgerufen oder ein Postback ausgeführt werden soll.

  5. Wenn per Mausklick auf den Hotspot eine neue Seite aufgerufen werden soll, müssen Sie die href-Eigenschaft festlegen.

  6. Wenn über einen Hotspot ein Postback ausgelöst werden soll, müssen Sie den PostBackValue-Wert des Hotspots festlegen, um später bestimmen zu können, auf welchen Hotsport geklickt wurde. Sie können den Wert im Click-Ereignishandler auslesen.

  7. Klicken Sie auf OK, wenn Sie die gewünschten Hotspots definiert haben.

Siehe auch

Aufgaben

Gewusst wie: Reagieren auf Mausklicks in ImageMap-Webserversteuerelementen

Konzepte

Übersicht über das ImageMap-Webserversteuerelement