Cenni preliminari sul controllo server Web ImageMap

Aggiornamento: novembre 2007

Il controllo ASP.NET ImageMap consente di creare un'immagine con aree sensibili, ovvero aree specifiche su cui gli utenti possono fare clic. Ciascuna di queste aree può essere configurata come collegamento ipertestuale o evento di postback distinto.

Vengono illustrati i seguenti argomenti:

• Background

• Esempi di codice

• Riferimento alle classi

Background

Il controllo ImageMap è costituito da due elementi. Il primo è un'immagine in qualsiasi formato di file grafico Web standard, ad esempio GIF, JPG o PNG.

Il secondo elemento è costituito da un insieme di controlli HotSpot. I controlli di area sensibile sono differenti l'uno dall'altro e possono essere di tipo CircleHotSpot, RectangleHotSpot o PolygonHotSpot. Per ciascun controllo di area sensibile è necessario definire le coordinate che specificano la posizione e la dimensione dell'area sensibile. Ad esempio, per creare un controllo CircleHotSpot, è necessario definire le coordinate x e y relative al centro del cerchio e il valore del raggio.

Per un'immagine è possibile definire un numero qualsiasi di aree sensibili, senza che sia tuttavia necessario coprire con esse l'intera immagine.

Nota:
È possibile definire aree sensibili sovrapposte. A ciascuna area è assegnato un valore di indice Z. Se un utente fa clic su un'area per la quale sono definite due o più aree sensibili sovrapposte, verrà selezionata quella con il valore di ordine Z superiore.

Risposta ai clic dell'utente

È possibile specificare l'evento che si verifica quando un utente fa clic su un'area sensibile. Ciascuna area sensibile può essere configurata come collegamento ipertestuale che consente di accedere a un URL definito per tale area. In alternativa, è possibile configurare il controllo in modo che esegua il postback quando un utente fa clic su un'area sensibile definendo un valore univoco per ciascuna area. Il postback genera l'evento Click del controllo ImageMap. Nel gestore eventi è possibile leggere il valore univoco assegnato a ciascuna area sensibile.

Torna all'inizio

Esempi di codice

Procedura: aggiungere controlli server Web ImageMap a una pagina Web

Procedura: rispondere al clic degli utenti nei controlli server Web ImageMap

Torna all'inizio

Riferimento alle classi

Nella tabella riportata di seguito sono elencate le classi correlate al controllo ImageMap.

Torna all'inizio

Vedere anche

Riferimenti

Cenni preliminari sul controllo server Web Image