Back to top

Autore Topic: Mappa Immgine html  (Letto 763 volte)

Offline billobon

  • Nuovo arrivato
  • *
  • Post: 19
    • Mostra profilo
Mappa Immgine html
« il: 18 Ago 2012, 00:04:49 »
ciao ragazzi,
sto disperatamente cercando di predisporre una mappa di milano, con varie zone clikkabili (rollover) che mi portano a differenti pagine a seconda della zona cliccata.
Siccome l'estensione htmlmap non funge a dovere, ho pensato bene di mettermi sotto con il codice e farla da me...Purtroppo pero' in qualsiasi editor html funziona, poi quando lo porto su joomla (spostando preventivamente le diverse immagini) non funziona...
Questo e' il codice:
Codice: [Seleziona]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento senza titolo</title>
</head>

<body>
<div style="text-align:center; width:512px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_1201208171253548" src="mappamilano2.jpg" usemap="#Image-Maps_1201208171253548" border="0" width="512" height="512" alt="" />
<map id="_Image-Maps_1201208171253548" name="Image-Maps_1201208171253548">
<area shape="poly" coords="300,209,315,212,330,216,343,229,352,234,355,275,343,303,293,301,283,291,277,291,261,276,265,256,261,245,264,226,283,211," href="http://www.ansa.it/" alt="" title="" onMouseOver="if(document.images) document.getElementById('Image-Maps_1201208171253548').src= 'mappamilanocentro.jpg';" onMouseOut="if(document.images) document.getElementById('Image-Maps_1201208171253548').src= 'mappamilano2.jpg';" />
<area shape="poly" coords="345,303,356,314,366,323,363,329,449,423,440,432,436,429,435,440,426,444,415,441,396,450,387,442,377,455,380,479,361,482,360,493,344,480,333,511,318,503,318,495,308,501,279,486,278,469,267,468,264,460,250,463,244,453,249,440,239,420,283,333,288,333,293,302,322,304," href="mappamilano2.jpg" alt="" title="" onMouseOver="if(document.images) document.getElementById('Image-Maps_1201208171253548').src= 'mappamilanobocconi.jpg';" onMouseOut="if(document.images) document.getElementById('Image-Maps_1201208171253548').src= 'mappamilano2.jpg';" />
</body>
</html>

avete idea su cosa stia sbagliando?

Grazie infinite e a presto,
I

 



Web Design Bolzano Kreatif