Onclick en imagen mapeada html
Publicado por Aleix (1 intervención) el 28/09/2017 17:37:53
Hola buenas tardes tengo un problema, tengo una imagen mapeada en mi home, donde tengo una imagen dividida en diferentes mapas, lo que me gustaria hacer es poder tener la misma imagen pero que los enlaces no fueran a otra pagina, sino que al hacer click en el enlaza desapareciera esta imagen y cargara otra pero en la misma pagina, como puedo hacer esto? quizas con el evento onclick?
Por favor ayudenme, adjunto codigo a continuación:
Por favor ayudenme, adjunto codigo a continuación:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
img id="Image-Maps-Com-image-maps-2017-07-18-030419" src="http://spm.cat/portadaspm/new/original_cas.jpg" border="0" width="907" height="680" orgWidth="907" orgHeight="680" usemap="#image-maps-2017-07-18-030419" alt=""/>
<map name="image-maps-2017-07-18-030419" id="ImageMapsCom-image-maps-2017-07-18-030419">
<area shape="rect" coords="905,678,907,680" alt="Image Map" style="outline:none;" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_88252" />
<area alt="" title="" href="http://www.spm.cat/tratamiento-base-de-datos/" shape="poly" coords="351,142,386,234,394,230,405,227,415,227,427,226,442,226,456,228,470,233,508,144,489,137,472,133,450,129,418,128,393,132,375,135" style="outline:none;" target="_self" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/bigdata_cas.jpg';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/original_cas.jpg';" />
<area alt="" title="" href="http://www.spm.cat/tratamiento-base-de-datos/" shape="poly" coords="466,17,468,45,485,48,483,60,473,61,473,74,468,82,469,96,460,96,457,110,584,113,584,96,574,93,573,81,565,77,566,60,556,61,554,44,575,43,568,15" style="outline:none;" target="_self" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/bigdata_cas.jpg';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/original_cas.jpg';" />
<area alt="" title="" href="http://www.spm.cat/diseno/" shape="poly" coords="515,145,478,236,491,241,502,252,514,263,525,274,531,287,535,293,625,257,617,237,601,214,585,195,567,179,553,168,539,159" style="outline:none;" target="_self" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/diseno_cas.jpg';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/original_cas.jpg';" />
<area alt="" title="" href="http://www.spm.cat/diseno/" shape="poly" coords="640,156,645,181,698,183,698,193,691,203,693,217,656,220,658,238,694,237,696,254,772,258,771,238,809,235,805,218,779,219,774,203,767,190,829,180,819,152" style="outline:none;" target="_self" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/diseno_cas.jpg';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/original_cas.jpg';" />
<area alt="" title="" href="http://www.spm.cat/email-marketing/" shape="poly" coords="629,265,539,303,546,323,548,341,547,356,544,370,539,387,630,423,636,407,643,379,644,350,644,318,636,284" style="outline:none;" target="_self" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/emarketing_cas.jpg';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/original_cas.jpg';" />
<area alt="" title="" href="http://www.spm.cat/email-marketing/" shape="poly" coords="666,326,668,356,691,357,688,374,853,380,848,361,873,352,868,326" style="outline:none;" target="_self" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/emarketing_cas.jpg';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/original_cas.jpg';" />
<area alt="" title="" href="http://www.spm.cat/programacion/" shape="poly" coords="625,431,535,394,526,411,520,420,509,432,502,436,490,446,477,452,514,541,537,530,554,521,570,506,587,489,603,471" style="outline:none;" target="_self" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/web_cas.jpg';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/original_cas.jpg';" />
<area alt="" title="" href="http://www.spm.cat/programacion/" shape="poly" coords="611,507,618,533,710,536,708,566,683,574,684,594,777,591,771,573,747,568,746,539,854,534,855,508" style="outline:none;" target="_self" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/web_cas.jpg';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/original_cas.jpg';" />
<area alt="" title="" href="http://www.spm.cat/telemarketing/" shape="poly" coords="506,544,470,453,454,459,437,461,415,459,401,457,386,453,350,543,362,548,387,552,409,557,431,558,457,558,479,554" style="outline:none;" target="_self" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/telemarketing_cas.jpg';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/original_cas.jpg';" />
<area alt="" title="" href="http://www.spm.cat/telemarketing/" shape="poly" coords="226,601,230,631,280,629,272,664,356,663,350,634,409,625,407,598" style="outline:none;" target="_self" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/telemarketing_cas.jpg';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/original_cas.jpg';" />
<area alt="" title="" href="http://www.spm.cat/impresion/" shape="poly" coords="341,540,378,452,368,445,358,440,344,429,337,419,331,407,324,400,321,391,231,428,240,449,251,469,267,489,286,505,307,521" style="outline:none;" target="_self" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/impression_cas.jpg';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/original_cas.jpg';" />
<area alt="" title="" href="http://www.spm.cat/impresion/" shape="poly" coords="84,481,83,509,117,509,120,545,171,541,166,508,203,508,201,478" style="outline:none;" target="_self" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/impression_cas.jpg';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/original_cas.jpg';" />
<area alt="" title="" href="http://www.spm.cat/paqueteria/" shape="poly" coords="227,421,317,383,312,367,311,351,310,332,315,316,317,300,228,266,220,285,214,322,213,354,217,386" style="outline:none;" target="_self" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/paqueteria_cas.jpg';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/original_cas.jpg';" />
<area alt="" title="" href="http://www.spm.cat/paqueteria/" shape="poly" coords="34,323,36,350,64,352,73,394,137,394,143,356,175,346,174,321" style="outline:none;" target="_self" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/paqueteria_cas.jpg';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/original_cas.jpg';" />
<area alt="" title="" href="http://www.spm.cat/mailings/" shape="poly" coords="232,256,322,292,328,278,338,262,350,251,362,243,379,234,342,146,322,153,304,166,281,182,265,199,251,217,236,241" style="outline:none;" target="_self" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/mailing_cas.jpg';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/original_cas.jpg';" />
<area alt="" title="" href="http://www.spm.cat/mailings/" shape="poly" coords="85,120,86,153,103,153,108,182,92,186,88,200,73,203,72,223,103,225,104,238,127,238,156,238,162,227,193,217,191,198,178,198,173,187,157,183,157,171,162,155,180,146,177,122" style="outline:none;" target="_self" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/mailing_cas.jpg';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2017-07-18-030419').src= 'http://spm.cat/portadaspm/new/original_cas.jpg';" />
</map>
Valora esta pregunta
0