Creare mappe in un'immagine con link ed "evidenziate" al passaggio del mouse

[Cristiolina]

Ciao ragazzi,
partendo dal presupposto che sono proprio zero in termini di html, portate quindi pazienza , avrei una domanda da sottoporvi. Sto letteralmente impazzendo per cercare di capire come fare questa cosa. Ho un'immagine ed ho creato delle mappe al suo interno (5 per la precisione) in modo da renderle cliccabili (verso link esterni tutti diversi) passandoci sopra con il mouse. Sono riuscita, tra mille difficoltà a fare ciò, ma adesso il mio problema è il seguente: vorrei che al passaggio del mouse ogni singola area/mappa (della cinque che ho creato) venga evidenziata e messa in risalto rispetto al resto dell'immagine in modo da attirare ancora di più l'attenzione di chi deve cliccarci sopra. Come faccio??

Grazie mille per l'aiuto che vorrete fornirmi e portate pazienza
Ciau
Cris

 

[borgo italia]

ciao
immagino che tu sia impazzita, ma il tag area non si riesce a cambiare.
ho un po' googlato e non ho trovato nulla, salvo usare div su div e da quanto ho visto è una rogna.

 

[Cristiolina]

ciao
immagino che tu sia impazzita, ma il tag area non si riesce a cambiare.
ho un po' googlato e non ho trovato nulla, salvo usare div su div e da quanto ho visto è una rogna.

Allora un briciolo di intelligenza mi è rimasta

Grazie mille per la risposta....lascerò la soluzione raffazzonata che sono riuscita a trovare.....

Grazie ancora
:byebye:

 

[criric]

Esisterebbe volendo una soluzione in jquery prova a guardare qui

 

[Cristiolina]

Esisterebbe volendo una soluzione in jquery prova a guardare qui

Grazie...è proprio quello che cercavo...ma adesso ho due domande:
1. Funziona jquery nel codice html usato per Blogger?
2. Come faccio a personalizzarlo per il mio caso?

grazie

 

[criric]

1. Funziona jquery nel codice html usato per Blogger?

Mai usato Blogger ma puoi leggere questa discussione dove dicono che è possibile

2. Come faccio a personalizzarlo per il mio caso?

dovrai agire sui metadata del tag area

data-maphilight=".....

guarda il sorgente del link che ti ho postato, ti aiuterà a capire
tasto destro -> Visualizza sorgente pagina ( per firefox )
tasto destro -> HTML ( se usi internet explorer )