Versions-Historie des Beitrags „Image Map bei Wordpress funktioniert nicht“

Image Map bei Wordpress funktioniert nicht

bearbeitet von Hans 22.01.2017 20:39

Guten Abend, Meine ImageMap funktioniert im normalen Browser (Safari,Chrome) perfekt, wenn ich diesen jedoch bei WordPress verwenden will, sind die Areas verschoben. Habt ihr eine Lösung dafür? ~~~html <!doctype html> <html> <head> <meta charset="utf-8"> <title>Deutschland</title> </head> <body> <p> <img src="https://68.media.tumblr.com/c7752361f2c90500e6fc6373bf93857b/tumblr_ok73wsHaqO1w1ynx3o1_1280.jpg" width="733" height="1023" border="0" usemap="#map" /> <map name="map">      <area shape="rect" coords="571,339,652,373" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="479,485,591,524" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="492,137,583,173" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="315,204,432,260" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="333,109,389,145" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="248,98,326,151" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="184,256,294,292" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="346,369,484,410" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="177,392,301,433" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="311,451,418,487" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="47,467,151,525" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="23,549,121,583" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="193,547,297,584" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="192,609,327,644" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="68,632,181,658" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="68,661,180,687" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="185,659,313,691" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="333,750,453,786" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="33,691,97,746" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="99,731,156,787" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="159,777,307,811" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="186,729,276,770" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="346,857,449,893" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="166,829,301,861" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="150,900,242,945" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="385,920,466,951" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="360,953,467,990" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> </map> </p> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="jquery.rwdImageMaps.min.js"></script> <script> $(document).ready(function(e) { $('img[usemap]').rwdImageMaps(); $('area').on('click', function() { alert($(this).attr('alt') + ' clicked'); }); }); </script> </body> </html> ~~~

Image Map bei Wordpress funktioniert nicht

bearbeitet von

Matthias Apsel 22.01.2017 21:20

Guten Abend, Meine ImageMap funktioniert im normalen Browser (Safari,Chrome) perfekt, wenn ich diesen jedoch bei WordPress verwenden will, sind die Areas verschoben. Habt ihr eine Lösung dafür? `<!doctype html> <html> <head> <meta charset="utf-8"> <title>Deutschland</title> </head> <body> <p> <img src="https://68.media.tumblr.com/c7752361f2c90500e6fc6373bf93857b/tumblr_ok73wsHaqO1w1ynx3o1_1280.jpg" width="733" height="1023" border="0" usemap="#map" /> <map name="map">      <area shape="rect" coords="571,339,652,373" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="479,485,591,524" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="492,137,583,173" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="315,204,432,260" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="333,109,389,145" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="248,98,326,151" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="184,256,294,292" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="346,369,484,410" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="177,392,301,433" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="311,451,418,487" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="47,467,151,525" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="23,549,121,583" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="193,547,297,584" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="192,609,327,644" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="68,632,181,658" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="68,661,180,687" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="185,659,313,691" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="333,750,453,786" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="33,691,97,746" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="99,731,156,787" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="159,777,307,811" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="186,729,276,770" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="346,857,449,893" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="166,829,301,861" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="150,900,242,945" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="385,920,466,951" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> <area shape="rect" coords="360,953,467,990" target= "_blank" href="https://de.wikipedia.org/wiki/Wikipedia:Hauptseite" /> </map> </p> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="jquery.rwdImageMaps.min.js"></script> <script> $(document).ready(function(e) { $('img[usemap]').rwdImageMaps(); $('area').on('click', function() { alert($(this).attr('alt') + ' clicked'); }); }); </script> </body> </html>`