Cómo: Agregar controles ImageMap de servidor web a una página de formularios Web Forms

Actualización: noviembre 2007

Un control ImageMap crea un gráfico con zonas activas independientes en las que los usuarios pueden hacer clic. Para crear un control ImageMap, hay que generar el control, especificar la imagen y, a continuación, definir por separado las zonas activas.

Para agregar un control ImageMap

1. Desde la ficha Estándar del cuadro de herramientas, arrastre un control ImageMap a la página.

2. En la ventana Propiedades, establezca la propiedad ImageUrl del control en la dirección URL del gráfico que desea mostrar.

   Nota:
   Haga clic en el botón del cuadro de propiedades para mostrar el cuadro de diálogo Seleccionar imagen.

3. Si lo desea, puede definir la propiedad HotSpotMode del control para especificar si al hacer clic en la zona activa navega a otra página o se produce una devolución de datos.

   Nota:
   Puede reemplazar la configuración de todo el control en cada zona activa.

Para definir las zonas activas

1. En la ventana Propiedades, haga clic en el cuadro de propiedades HotSpots para mostrar el cuadro de diálogo Editor de la colección de HotSpot.

2. Haga clic en el botón de flecha situado junto al botón Agregar para seleccionar el tipo de zona activa que desea crear (CircleHotSpot, RectangleHotSpot o PolygonHotSpot).

3. Utilice la cuadrícula de propiedades para especificar las coordenadas de cada zona activa, como se muestra en la tabla siguiente.

   Tipo de zona activa	Coordenadas
   CircleHotSpot	Radius
   RectangleHotSpot	Top
   PolygonHotSpot	Coordinates

4. Si desea reemplazar la configuración de la propiedad HotSpotMode del control, defina la propiedad HotSpotMode en cada zona activa para especificar si al hacer clic en dicha zona activa va a navegar a otra página o se va a producir una devolución de datos.

5. Si una zona activa se define para que navegue a otra página, defina su propiedad href.

6. Si una zona activa se define para que realice una devolución de datos, defina su propiedad PostBackValue para proporcionar información sobre la zona activa en la que se hace clic. Puede leer el valor en el controlador de eventos Click.

7. Haga clic en Aceptar cuando termine de definir las zonas activas.

Vea también

Tareas

Cómo: Responder cuando el usuario hace clic en controles ImageMap de servidor Web

Conceptos

Información general sobre ImageMap (Control de servidor Web)