Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => : nixof 02 Sep 2010, 08:56:19
-
Buongiorno a tutti,
vi scrivo perché ho la necessità di inserire all'interno di una pagina di Joomla un'immagine mappata (una cartina suddivisa in aree per la precisione) ma non so da dove iniziare...
Come posso fare per ottenere un'effetto simile a quello presente in questa pagina: http://www.pneusmarket.it/dove-siamo/centri-assistenza/
Grazie mille a chiunque possa darmi informazioni utili.
Buona Giornata e Buon Lavoro
-
Ciao a tutti,
rieccomi all'attacco...
Allora ho provato a creare un nuovo articolo disabilitando l'editor WYSIWYG e inserendo il seguente codice all'interno del contenuto:
<script type="text/javascript">
function RollMapOn(i)
{
var IMG = document.getElementById("immagine");
IMG.src = "http://www.miodominio.com/images/mapa_" + i + ".gif";
}
function RollMapOff()
{
var IMG = document.getElementById("immagine");
IMG.src = "http://www.miodominio.com/images/mappa.gif";
}
</script>
<IMG SRC="./Trentino.gif" Width="300" Height="252" UseMap="#Trentino.gif"><MAP NAME="Trentino.gif">
<AREA SHAPE="POLY" COORDS="59,20,67,33,79,34,79,38,84,39,85,43,89,44,91,47,92,47,95,45,101,45,104,46,105,51,101,53,99,60,94,61,94,62,94,64,90,68,90,71,89,75,87,77,88,83,86,86,84,85,77,79,70,79,62,86,57,86,54,90,45,90,38,96,34,95,28,95,27,95,22,95,21,93,25,91,26,86,23,79,20,78,24,74,24,72,21,69,22,66,12,61,12,58,16,58,16,55,21,52,28,51,33,44,33,42,31,40,31,31,36,32,40,30,43,30,48,27,50,27,55,20,59,20" ALT="Val di Sole" href="http://www.miodominio.com/1.html" onmouseover="RollMapOn(1)" onmouseout="RollMapOff()>
<AREA SHAPE="POLY" COORDS="122,5,118,9,113,10,119,19,119,24,122,28,122,32,119,32,119,29,114,30,104,19,101,19,98,22,98,23,93,25,93,29,89,32,85,32,83,29,80,32,80,36,83,36,86,41,89,41,91,45,94,42,102,43,108,45,108,46,107,47,106,53,102,56,101,60,100,63,97,64,94,67,92,69,91,73,90,78,89,84,87,87,87,91,89,93,89,104,93,104,98,96,102,95,103,98,105,98,106,97,109,98,113,95,114,92,115,91,118,89,119,88,122,90,126,87,128,88,132,85,132,81,134,81,134,74,138,73,139,71,141,71,142,65,147,59,144,55,144,51,146,51,146,43,148,43,148,40,146,36,146,34,147,32,148,31,148,27,147,26,147,25,149,25,149,20,147,19,146,14,143,12,136,18,132,19,132,20,131,19,128,15,125,15,124,14,122,14,123,10,123,6,121,6" ALT="Val di Non" href="http://www.miodominio.com/2.html" onmouseover="RollMapOn(2 )" onmouseout="RollMapOff()>
<AREA SHAPE="POLY" COORDS="137,78,142,83,146,84,141,86,141,90,141,92,141,102,140,103,139,103,137,101,135,102,134,104,132,104,131,106,130,106,128,111,122,114,121,113,119,113,117,116,115,116,112,114,106,116,104,117,103,123,102,124,99,124,101,122,101,119,99,116,93,115,91,114,89,113,89,106,93,106,99,100,100,97,102,101,104,101,106,100,110,99,111,98,114,96,115,96,115,94,117,94,117,92,118,91,122,93,123,93,123,91,125,91,125,89,130,89,132,87,134,86,134,83,135,83,136,77,137,78" ALT="Rotaliana e Paganella"href="http://www.miodominio.com/3.html" onmouseover="RollMapOn(3)" onmouseout="RollMapOff()>
<AREA SHAPE="POLY" COORDS="79,82,87,95,87,116,91,116,94,120,96,118,98,118,98,122,98,124,97,123,97,128,99,129,99,126,101,126,101,130,99,131,97,136,93,139,93,143,96,146,95,148,91,151,91,159,81,170,78,170,77,169,62,169,62,167,57,167,47,177,44,178,41,182,40,183,38,186,34,190,33,193,34,194,33,196,32,196,32,199,37,205,36,206,35,207,39,209,38,211,34,214,30,216,25,221,18,221,18,214,20,214,20,212,17,209,12,209,12,195,9,193,9,192,9,190,12,190,12,187,13,181,10,179,9,176,8,175,7,173,8,172,8,168,1,166,1,162,2,162,2,156,5,154,7,154,7,142,19,129,19,120,22,111,18,105,18,100,23,97,29,97,30,96,36,97,38,98,39,98,39,97,42,97,45,91,54,91,59,88,62,88,71,81,79,81,80,83" ALT="Giudicarie" href="http://www.miodominio.com/4.html" onmouseover="RollMapOn(4)" onmouseout="RollMapOff()>
</MAP>
Ma l'unica cosa che funzionano sono i link mentre sembra che gli eventi mouseover e mouseseout non vengano minimamente "sentiti".
Come posso fare?