rollover map [era: Problema sito]

**Ronald940** · 16-06-2013, 20:19

Ho creato una discussione in CSS ma non ci ho capito granchè.. Quindi..
Ho creato un sito, per fare la tesina con 1 sola pagina, cioè per presentarlo mentre spiego...
Ho creato un immagine 1280x1024 contenente una specie di mappa concettuale..
Ora vorrei che al passaggio del mouse sopra una materia si cambiasse l'immagine di sfondo con un altra (che ho creato, sempre la stessa ma con un cerchio che contorna la materia)...
Questa è la mappa che ho intenzione di utilizzare.. ma come faccio?

codice:

<body>
[img]img/sfondo.png[/img]
<map name="tesina">
<area shape="rect" coords="411,422,880,620" href="privacy.html">
<area shape="rect" coords="28,69,358,244" href="storia.html">
<area shape="rect" coords="402,78,882,264" href="matematica.html">
<area shape="rect" coords="920,70,1258,265" href="diritto.html">
<area shape="rect" coords="888,422,1280,620" href="inglese.html">
<area shape="rect" coords="720,735,1240,950" href="informatica.html">
<area shape="rect" coords="42,740,650,950" href="aziendale.html">
<area shape="rect" coords="0,418,388,606" href="italiano.html">
</map>
</body>
</html>

Ho chiamato gli altri sfondi italiano.png, matematica.png, ecc..
Grazie

**Nobody33** · 16-06-2013, 21:06

Nella pagina che ti ho linkato nella tua precedente discussione (sezione .css) c'è tutto il codice bello è pronto..basta modificarlo.
oppure ti salvi la pagina, vedi il codice sorgente e lo adatti alle tue esigenze.

Altrimenti, cerca su google "rollover map" oppure "rollover maps" "rollover map css" ecc...che ti dovrebbero uscire una marea di risultati

**Ronald940** · 16-06-2013, 21:59

Ho provato ma non funziona ç_ç

**carlomarangoni** · 16-06-2013, 22:22

codice:

<area shape="rect" coords="0,418,388,606" href="italiano.html"
onmouseover="document.images[0].src='italiano.png';" 
onmouseout="document.images[0].src='sfondo.png';">

**Ronald940** · 17-06-2013, 06:36

Funziona alla grande! Grazie

Ma.. per adattare l'immagine della mappa a tutta la pagina come faccio? cioè senza che appaia lo scrolling...

**carlomarangoni** · 17-06-2013, 14:29

Originariamente inviato da Ronald940
Funziona alla grande! Grazie

Ma.. per adattare l'immagine della mappa a tutta la pagina come faccio? cioè senza che appaia lo scrolling...

codice:

<body style="overflow:hidden;">

Discussione: rollover map [era: Problema sito]

Strumenti discussione

Ricerca discussione

Visualizza

Problema sito...

Permessi di invio