Image Map

**s.k.U.m.m.** · 06-09-2005, 19:22

Ho un dubbio su una image map che sto creando.
Questo è il mio codice che funziona tranquillamente, senza nessunissimo problema.

codice:

[img]Senza-titolo-1.gif[/img]
<map name="Map">
  <area shape="rect" coords="78,356,176,385" href="#">
  <area shape="rect" coords="65,138,108,149" href="#">
  <area shape="rect" coords="143,155,197,170" href="#">
  <area shape="rect" coords="178,199,241,225" href="#">
  <area shape="rect" coords="61,252,186,275" href="#">
  <area shape="rect" coords="14,208,110,222" href="#">
  <area shape="rect" coords="153,44,219,61" href="#">
  <area shape="rect" coords="25,63,123,96" href="#">
  <area shape="poly" coords="103,413,111,398,144,401,159,395,158,410,143,415,205,380" href="#">
</map>

L'unica cosa che volevo chiedervi è se è possibile (nelle coordinate selezionate) poter inserire una seconda immagine di tipo 'onmouseover' che quando il mouse ci passa sopra viene visualizzata. Tutto questo all'interno della mia image map.
Spero di essermi spiegato bene, qualcuno sa se basta aggiungere ad ogni area shape il codice

codice:

onmouseover="this.src='immagine1.gif'" onmouseout="this.src='immagine.gif'"

?!?!
Aiuto!

**s.k.U.m.m.** · 06-09-2005, 19:25

EDIT:

Dimenticavo un altro problema...
Quando inserisco l'immagine in dreamweaver, mi viene leggermente spostata a sinistra (credo sia qualcosa che riguarda la formattazione), ho bisogno che sia completamente attaccata alla sinistra dello schermo, insomma che non si veda ciò che c'è sotto (lo sofndo

VVoVe: eh eh eh)..
Sapete risolvere anche questo?

**s.k.U.m.m.** · 06-09-2005, 20:41

nessuno sa aiutarmi...?

**k4ez4r** · 06-09-2005, 21:19

Al primo problema non so rispondere, x il secondo bisognerebbe vedere dove hai inserito l'immagine...
cmq deve essere un contenitore ke ha margin-left=0 e padding=0...

**s.k.U.m.m.** · 06-09-2005, 21:40

Tranquillo, arriverà qualcuno che se ne intende di image map...
Grazie per il consiglio, ma non so dove devo inseirire quei due attributi....

codice:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Nuova pagina 1</title>
</head>

<body bgcolor="#F0F0F0">
[img]Senza-titolo-1.gif[/img]
</body>

</html>

Se ho un codice del genere, dove devono essere sistemati i due attributi che mi hai consigliato...

**s.k.U.m.m.** · 07-09-2005, 15:05

up

**s.k.U.m.m.** · 07-09-2005, 16:43

Originariamente inviato da s.k.U.m.m.
EDIT:

Dimenticavo un altro problema...
Quando inserisco l'immagine in dreamweaver, mi viene leggermente spostata a destra (credo sia qualcosa che riguarda la formattazione), ho bisogno che sia completamente attaccata alla sinistra dello schermo, insomma che non si veda ciò che c'è sotto (lo sfondo

VVoVe: eh eh eh)..
Sapete risolvere anche questo?

Nessuno sa rispondere nemmeno a quello che ho quotato?!

**k4ez4r** · 07-09-2005, 18:44

ciao, penso ke mettendo

codice:

<body bgcolor="#F0F0F0" style="margin-left:0px">
[img]Senza-titolo-1.gif[/img]
</body>

vada a posto...

**s.k.U.m.m.** · 08-09-2005, 19:38

Grazie, ora è attaccata al lato sinistro della pagina, perfetta. Era proprio l'attributo style che mi serviva.
C'è qualcuno che sa risolvere invece il primo quesito?!

Ho un dubbio su una image map che sto creando.
Questo è il mio codice che funziona tranquillamente, senza nessunissimo problema.

code:[img]Senza-titolo-1.gif[/img]
<map name="Map">
<area shape="rect" coords="78,356,176,385" href="#">
<area shape="rect" coords="65,138,108,149" href="#">
<area shape="rect" coords="143,155,197,170" href="#">
<area shape="rect" coords="178,199,241,225" href="#">
<area shape="rect" coords="61,252,186,275" href="#">
<area shape="rect" coords="14,208,110,222" href="#">
<area shape="rect" coords="153,44,219,61" href="#">
<area shape="rect" coords="25,63,123,96" href="#">
<area shape="poly" coords=" 103,413,111,398,144,401,159,395,158,410,
143,415,205,380" href="#">
</map>

L'unica cosa che volevo chiedervi è se è possibile (nelle coordinate selezionate) poter inserire una seconda immagine di tipo 'onmouseover' che quando il mouse ci passa sopra viene visualizzata. Tutto questo all'interno della mia image map.
Spero di essermi spiegato bene, qualcuno sa se basta aggiungere ad ogni area shape il codice

code:
onmouseover="this.src='immagine1.gif'" onmouseout="this.src='immagine.gif'"

?!?!
Aiuto!

**rescueme** · 07-09-2006, 20:44

Anch'io ho lo stesso problema. Qualcuno sa consigliarmi?

Discussione: Image Map

Strumenti discussione

Ricerca discussione

Visualizza

Image Map

Permessi di invio