Image Map in ASP.net

2 maggio 2006

Un’immagine può essere mappata per consentire agli utenti di cliccare in determinati punti per provocare un’azione, ad esempio l’apertura di un’altra pagina, o di una finestra pop up, oppure qualsiasi altra azione secondo necessità e fantasia dello sviluppatore.

ASP.net 2.0 mette a disposizione dello sviluppatore il controllo ImageMap che consente di mappare un’immagine in modo molto semplice e senza eccessiva fatica.

Per realizzare un esempio di funzionamento del controllo ImageMap, dobbiamo procurarci un’immagine. Apriamo un nuovo progetto nel VWD e chiamiamolo Articolo02.

In “Design view” della Default.aspx, trasciniamo un controllo ImageMap che troviamo nella barra di strumenti “Standard Toolbox”. Aggiungiamo poi una Regular Folder alla nostra applicazione e chiamiamola Immagini.

Mettiamo la nostra immagine nella cartella Immagini. Possiamo ad esempio utilizzare la mappa dell’Italia:

Figura 1. Cartina dell’Italia

Cartina dell'Italia

Per vedere l’immagine in Design view, impostiamo la proprietà ImageURL del nostro controllo ImageMap, in modo che punti alla mappa dell’Italia, che abbiamo salvato nella cartella Immagini.

Un’immagine mappata fornisce all’utente alcune zone attive che hanno un comportamento del tutto simile ai link. Passandoci sopra ad esempio cambia il puntatore del mouse e cliccandoci viene scatenato un evento, tipicamente un collegamento o una chiamata Javascript.

Se vuoi aggiornamenti su Image Map in ASP.net inserisci la tua e-mail nel box qui sotto:
 
X
Se vuoi aggiornamenti su Image Map in ASP.net

inserisci la tua e-mail nel box qui sotto:

Ho letto e acconsento l'informativa sulla privacy

Acconsento al trattamento di cui al punto 3 dell'informativa sulla privacy