scusa ho dato per scontato che tu conoscessi javascript. forse non lo conosci, non lo so.
cmq ogni immagine ha un attributo src che indica dove sta l'immagine. Immagino tu conosca già questo attributo e sappia come usarlo. quando tu fai un rollover, (e ipotizzo quindi che tu non voglia usare css per farlo), scrivi una funzione che all'evento onmouseover cambia al volo l'attributo src dell'immagine in questione.
esempio:
<img src="images/lombardiaOFF.gif" alt="immagine" id="pic" />
quindi da qche parte nella pagina appare questa immagine che rappresenta la regione lombardia quando non è selezionata. ora tu vuoi che quando ci passo sopra col mouse (o ci clicco, o altro) la lombardia cambia colore da verde a rosso (per esempio) così da segnalare che è stata selezionata.
Tu non fai altro che scrivere una funzione che cambia il sorgente dell'immagine, che molto semplificata sarà più o meno così
function cambiaIMG(statoIMG, nomeIMG){
document.getElementById("pic").src ="images/"+nomeIMG+statoIMG+".gif";
}
a questo punto l'html cambierà come segue:
<img src="images/lombardiaOFF.gif" alt="lombardia" id="pic" onmouseover="cambiaIMG('ON', 'lombardia')" onmouseout="cambiaIMG('OFF', lombardia)" />
se tu vuoi che oltre a cambiare il colore della regione sulla cartina cambia anche l'immagine che rappresenta la regione (quindi fare il rollover su due immagini) non fai altro che allungare la funzione cambiando il src a un altra immagine.
probabilmente però questo lo sapevi già e piuttosto vuoi sapere come fare il rollover su un immagine mappata.
Purtroppo devi crearti tante immagini diverse per quante sono le diverse zone su cui vuoi fare il rollover. Non puoi far cambiare solo la parte che ti interessa. A meno che non ricorri a qche trucco che non sto neanche a proporti perchè sono cose vicine al paranormale.
