Probleme beim Fertigstellen einer Imagemap

meta.julian

Imagemap-Fehler?

Hallo liebe Wissende,

seit einiger Zeit schon bastel ich im Testbereich meines Blogs an einer Imagemap mit Mouse-Over-Effekt. Meine Deutschlandkarte ist bereits mit bereichssensitiven Feldern ausgestattet und diese funktionieren auch.

Nur der Mouse-Overeffekt funktioniert nicht, wenn ich das ganze aus Dreamweaver (DW) in den Editor kopiere. Wenn ich bei DW alles als HTM-Datei ausspiele und diese im Browser öffne, dann funktioniert alles wie es soll. Daher würde ich vermuten, dass vielleicht die Austauschgrafiken falsch abgelegt sind - habe dort aber auch keinen Fehler gefunden.

Hier einmal die >>Ansicht der Gesamtkarte<< und beispielhaft >>das Mouse-Over-Austauschbild eines Bundeslandes<< welches in der Mediathek abgelegt wurde.

Hat jemand eine Idee? Ich sehe den Wald vor lauter Bäumen wirklich nicht mehr. :shock:

Der Code der mir von DW ausgespruckt wird (mittig verkürzt, weil das Forum nur 10.000 Zeichen zulässt):

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>final_Landtagsradar</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--Fireworks CS3 Dreamweaver CS3 target.  Created Mon Jun 27 13:50:38 GMT+0200 (CEST) 2011-->
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}


function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}


function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor="#ffffff">
<img src="final_Landtagsradar.jpg" alt="" name="final_Landtagsradar" width="793" height="1017" border="0" usemap="#m_final_Landtagsradar" id="final_Landtagsradar" /><map name="m_final_Landtagsradar" id="m_final_Landtagsradar">
<area shape="poly" coords="523,638,526,642,531,650,535,657,543,667,548,673,553,677,556,676,558,675,562,678,565,683,570,689,574,695,579,703,582,703,586,703,590,705,592,708,593,712,594,715,596,717,599,716,601,715,605,718,609,722,613,724,618,727,621,729,624,732,625,736,625,741,625,746,625,749,624,753,623,758,621,763,620,766,616,768,613,768,609,765,606,763,603,762,600,764,599,767,598,771,598,776,597,780,597,782,594,786,591,788,588,791,587,793,584,794,581,793,577,794,574,795,570,798,567,800,565,803,560,804,558,806,555,809,553,812,553,814,554,817,557,820,560,822,563,824,566,827,567,831,568,835,570,840,570,844,570,848,572,850,574,853,577,856,578,859,577,862,575,865,575,869,575,873,573,878,572,882,571,883,566,882,559,878,554,874,549,871,548,866,547,862,546,860,542,862,538,865,533,867,527,864,522,861,519,859,514,858,511,858,510,860,512,863,515,864,514,868,512,870,510,871,507,871,500,869,493,867,491,868,488,870,486,873,482,872,476,872,473,872,470,874,470,876,470,879,470,880,468,881,463,880,460,880,456,882,455,884,452,887,450,891,448,894,446,895,443,895,440,893,438,891,436,892,430,892,425,893,423,892,421,890,420,886,418,885,415,885,411,883,410,881,410,878,408,877,402,877,400,877,395,878,389,879,384,880,384,881,386,883,390,885,389,887,386,892,384,896,381,899,378,902,371,907,366,907,364,907,362,903,364,896,362,896,359,897,356,897,354,896,354,892,353,886,352,883,350,881,346,880,342,880,339,878,337,876,335,876,333,877,330,880,328,881,326,879,324,876,325,873,327,871,332,870,337,867,340,863,344,863,347,864,350,864,353,862,356,864,359,865,361,864,362,862,364,858,363,854,363,852,360,851,358,850,360,847,361,844,362,842,362,839,363,836,363,832,361,827,361,822,362,815,362,812,360,808,359,801,358,796,356,792,355,791,358,785,358,782,360,777,363,776,368,775,371,775,374,772,375,769,377,765,376,762,374,758,373,756,375,756,379,756,381,756,382,755,383,756,385,757,388,757,389,754,389,751,387,748,384,745,384,741,385,734,385,727,383,722,379,718,376,717,373,716,372,713,368,711,367,709,372,706,373,705,372,703,370,702,366,701,364,698,365,694,367,691,363,683,364,677,363,673,363,665,360,662,357,660,355,662,354,668,350,669,349,667,349,659,348,656,347,655,341,660,340,660,342,650,339,644,335,641,333,645,330,645,328,642,327,637,326,635,323,635,323,638,321,641,318,638,315,635,309,636,307,638,309,641,312,645,311,646,305,649,302,652,300,656,297,657,294,656,293,652,292,647,296,640,296,637,294,633,290,630,290,623,289,611,288,608,284,606,283,602,284,601,287,601,292,603,295,604,298,603,301,599,304,601,308,600,311,599,312,602,316,605,319,605,322,603,323,601,323,593,322,590,323,589,328,590,331,589,332,587,335,581,336,578,338,574,340,571,345,571,350,570,354,567,357,563,360,558,360,555,366,555,369,559,370,561,373,562,376,564,379,566,379,569,380,573,383,575,388,577,393,580,394,584,394,587,395,590,398,591,403,591,403,590,404,587,408,588,411,589,414,589,415,587,415,585,415,584,410,581,405,578,408,576,415,574,419,574,422,577,429,579,430,582,434,586,438,586,442,582,442,579,442,575,441,568,440,565,444,565,447,559,449,560,450,563,450,566,450,568,452,569,459,574,461,573,465,573,468,573,471,572,473,571,476,572,479,573,481,570,486,571,488,576,494,578,499,579,503,586,505,591,509,598,511,601,515,605,520,609,526,613,530,617,531,622,530,626,528,630,526,633,523,638" href="http://www.bundestagsradar.net/wp_test/?page_id=386" target="_self" alt="Bayern" title="Bayern" onmouseover="MM_swapImage('final_Landtagsradar','','http://www.bundestagsradar.net/wp_test/wp-content/uploads/2011/07/Bayern.gif',1)" onmouseout="MM_swapImgRestore()" />
<area shape="poly" coords="353,220,360,216,367,213,371,211,374,211,377,213,375,215,374,222,377,230,376,232,376,237,378,241,384,245,381,249,375,252,371,255,364,251,359,247,357,250,353,252,350,251,345,251,342,249,341,246,340,241,337,235,338,230,341,225,344,222,349,220,353,220" href="http://www.bundestagsradar.net/wp_test/?page_id=393" target="_self" alt="Hamburg" title="Hamburg" onmouseover="MM_swapImage('final_Landtagsradar','','http://www.bundestagsradar.net/wp_test/wp-content/uploads/2011/07/Hamburg.gif',1)" onmouseout="MM_swapImgRestore()" />






...##GEKÜRZT##...






<area shape="poly" coords="173,702,176,706,179,709,185,713,190,715,196,714,199,715,202,717,203,718,206,716,209,715,213,717,217,719,220,722,223,724,227,723,232,721,234,718,235,713,237,712,239,706,240,699,241,695,244,690,247,688,246,685,247,680,247,676,247,673,247,672,244,671,246,669,246,667,244,665,243,662,244,659,246,657,245,654,242,650,244,646,248,642,249,640,248,638,244,632,241,621,239,614,237,610,234,608,232,606,229,605,227,607,223,610,220,610,218,610,216,611,211,613,206,610,205,605,207,601,211,599,214,597,214,596,214,594,215,592,219,589,221,585,222,583,224,584,227,586,228,583,229,581,228,579,223,576,220,573,219,567,219,565,219,561,218,557,218,554,220,554,223,555,226,557,228,557,230,555,230,552,230,545,229,540,228,537,223,532,219,530,220,523,219,522,217,520,213,516,212,513,212,511,210,511,206,510,204,510,202,511,202,515,202,519,201,521,200,520,199,520,197,521,197,523,198,526,195,529,191,529,185,531,181,532,177,535,174,539,172,541,169,540,166,542,161,544,157,544,155,543,153,543,150,547,148,548,146,548,144,550,144,554,143,557,141,556,138,555,137,554,135,556,133,558,135,561,136,564,136,566,135,568,132,569,130,567,126,566,122,565,117,567,113,569,110,571,108,571,104,571,99,574,94,577,91,581,90,585,88,590,87,594,86,599,86,604,88,610,90,614,93,618,96,623,99,626,104,628,109,630,112,633,111,635,109,637,106,641,105,644,104,648,103,652,102,653,105,655,112,656,117,657,123,657,128,655,131,654,137,651,142,648,145,647,146,648,147,649,149,647,151,647,154,648,157,651,160,653,163,654,165,655,167,657,167,662,166,666,166,669,167,673,169,674,173,676,175,678,175,683,173,686,171,688,170,691,171,695,171,698,172,701,173,702" href="http://www.bundestagsradar.net/wp_test/?page_id=403" target="_self" alt="Rheinland-Pfalz" title="Rheinland-Pfalz" onmouseover="MM_swapImage('final_Landtagsradar','','http://www.bundestagsradar.net/wp_test/wp-content/uploads/2011/07/Rheinland-Pfalz.gif',1)" onmouseout="MM_swapImgRestore()" />
<area shape="poly" coords="102,654,110,656,118,657,125,656,131,654,138,650,144,647,146,648,147,649,150,647,154,648,158,653,161,653,165,654,167,657,167,660,166,665,166,668,166,672,169,674,174,677,175,680,175,684,173,686,170,690,170,694,171,698,173,702,172,704,168,706,164,707,159,704,155,704,147,705,144,705,134,703,124,698,117,692,115,682,113,674,109,670,104,668,98,668,98,666,98,661,102,654" href="http://www.bundestagsradar.net/wp_test/?page_id=405" target="_self" alt="Saarland" title="Saarland" onmouseover="MM_swapImage('final_Landtagsradar','','http://www.bundestagsradar.net/wp_test/wp-content/uploads/2011/07/Saarland.gif',1)" onmouseout="MM_swapImgRestore()" />
</map>
</body>
</html>

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

meta.julian

Hallo zusammen,

so gar keine Ahnung? Ihr habt´s doch auch schon hinbekommen... :-D
Oder hab ich´s blöd beschrieben?

Gruß Julian

Tutrix

mal ein Beispiel anhand von Hessen und Bayern erstellt

http://www.file-upload.net/download-3577969/maptest.zip.html

wenn du die Datei hast sag Bescheid, dann lösche ich sie wieder beim Hoster

siehe auch meinen Artikel = http://artofpic.de/wordpress/hots…ps-in-wordpress

meta.julian

Moinsen,

vielen Dank für Deinen Test. Deine Datei habe ich runtergeladen und getestet - funktionoert einwandfrei. In der HTM-Version bekomme ich es auch so hin - da funktionieren alle Bundesländer. Wenn ich den DW-Code aber in den HTML-Editor meiner WP-Seite kopiere, dann geht nichts mehr. :???:

Deine Seite und sogar speziell diesen Eintrag kenne ich und habe sogar mit Deinem Beispiel in der letzten Wochen einen Testlauf gemacht. Auch das ging wunderbar.

Es ist echt deprimierend: Ich habe alle Anleitungen exakt umgesetzt und trotzdem funzt die Enddarstellung nicht. - Hast Du denn einen Fehler in dem Code-Ausschnitt finden können?

meta.julian

Hah! Moment! Da tut sich was...

Wenn ich denn Quellcode aus dem Browser verwende, dann funktioniert es. Wenn ich denn Quellcode meines-Ausspielers nehme, dann nicht (mehr).

Ich werde jetzt mal abgleichen um den Fehler zu finden.
Ein fettes Danke erstmal - ich denke das wird die Lösung sein! :mrgreen:

meta.julian

Es hat geklappt.

Vielen, vielen Dank!

>>Hier<< nun die voll funktionsfähige Karte. Lässt sich doch sehen, oder?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Probleme beim Fertigstellen einer Imagemap

Jetzt mitmachen!