[ERLEDIGT] Grafik mit MouseOver Text!?

djheke schrieb:

Spass

Zum Vergrößern anklicken....

Was denn sonst :)

usemap="#animalmap" und name="OADmaprealyblank" id="OADmaprealyblank" passen schlichtweg nicht zusammen.

Achja, und beachte in dem Zusammenhang den verwendeten ID-Bezeichner im CSS, der dann auch entsprechend umbenannt werden muß:

ohnoitsroger schrieb:

jetzt such ich eine Möglichkeit wie ich die richtigen Koordinaten bekomme, aber ist irgendwie nicht so einfach...

Zum Vergrößern anklicken....

Besonders bei Polygonen.

https://wiki.selfhtml.org/wiki/HTML...fiken#Wie_erhalte_ich_die_Pixelkoordinaten.3F

ohnoitsroger schrieb:

Aber mein Grafikprogramm und dieser Online generator geben mir nur die Koordinaten die ich schon hab also bringt des auch nichts,...

Zum Vergrößern anklicken....

Dann machst Du dabei etwas falsch. Vermutlich insbesondere zum Schluß (fett markiert):

https://wiki.selfhtml.org/wiki/HTML/Multimedia_und_Grafiken/verweissensitive_Grafiken#Festlegen_einer_verweissensitiven_Fl.C3.A4che_mit_area schrieb:

• Ein Polygon (shape="poly") definieren Sie mit den Koordinaten x1,y1,x2,y2 ... xn,yn
  • x = Pixel einer Ecke von links
  • y = Pixel einer Ecke von oben

Sie können so viele Ecken definieren, wie Sie wollen. Von der letzten definierten Ecke müssen Sie sich eine Linie zur ersten definierten Ecke hinzudenken. Diese schließt das Polygon.

Zum Vergrößern anklicken....

Hast Du bei http://www.maschek.hu/imagemap/imgmap die Statuszeile beachtet, damit das Polygon auch geschlossen wird?

http://www.maschek.hu/imagemap/imgmap schrieb:

Polygon wird gezeichnet. Für den letzten Kontrollpunkt SHIFT + Klicken.

Zum Vergrößern anklicken....

Offensichtlich nicht, denn ein Polygon mit (nur) 3 Ecken besitzt 6 Koordinatenwerte. In Deinem Code tauchen aber immer nur 4 auf.

djheke schrieb:

Hier eine fast fertige Version. Wenn nichts mehr geht. Die Karte hat jetzt die Maße 2000px x 1220px
http://www.gipspferd.de/forumhilfe/karte/karte.html

Zum Vergrößern anklicken....

Vergebene Mühe: er will polygone Flächen, keine rechteckigen.

djheke schrieb:

Wie für Kreuze?

Zum Vergrößern anklicken....

Keine Ahnung. Ich halte mich da nur an seinen Quellcode mit <area shape="poly" ...>.

Der Hubschrauber, Vogel und Bus sind zumindest nicht rechteckig

djheke schrieb:

poly hat er sich doch blos von Stu kopiert. Sein erster Code hat rect gehabt.

Zum Vergrößern anklicken....

Kann ich heute nicht mehr nachvollziehen, was da einst mal angedacht war.

Aber wenn Du es sagst, wird's wohl stimmen. Vielleicht hast Du ja das Original in seiner ursprünglichen Fassung auf Deiner Festplatte gespeichert

djheke schrieb:

Nö. hat er doch gepostet.

Code:

<img id="Image-Maps-Com-image-maps-2016-05-25-104549" src="http://onceafterdeath.com/Map/OADmappunktecoord.png" border="0" width="2008" height="1224" orgWidth="2008" orgHeight="1224" usemap="#image-maps-2016-05-25-104549" alt="" />
<map name="image-maps-2016-05-25-104549" id="ImageMapsCom-image-maps-2016-05-25-104549">
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="929,314,968,354" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/Gabyshaus.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="965,273,1004,313" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/Hauptstadt.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="874,318,913,358" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/2Kirche.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="991,305,1030,345" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/2diefestung.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="813,377,852,417" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/2Staudamm.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="1469,104,1508,144" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/2zweiterstutzpunkt.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="1122,729,1254,777" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/Absturz.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="592,457,724,575" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/derpass.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="1370,210,1416,245" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/DieBurg.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="917,370,963,405" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/DieHorde.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="1374,336,1485,371" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/DieHorde2.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="1691,29,1939,133" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/RichtungJanus.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="859,708,927,765" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/Stadt.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="656,279,724,336" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/treffpunkt.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="969,372,1162,586" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/Verschollen.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="764,869,805,906" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/Vorstatdhaus.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="458,395,499,432" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/zivilisation.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area  alt="" title="" href="http://www.image-maps.com/" shape="rect" coords="72,1020,288,1156" style="outline:none;" target="_self"  onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://onceafterdeath.com/Map/zumhafen.png';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2016-05-25-104549').src= 'http://www.image-maps.com/m/private/0/hp3rkr62ni8b5j7f16t73d4fd3_oadmappunktecoord.png';"  />
<area shape="rect" coords="2006,1222,2008,1224" alt="Image Map" style="outline:none;" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />
</map>

Zum Vergrößern anklicken....

Jetzt, wo Du es postest: Post #15 ist mit zwischenzeitlich 58 Beiträgen verschütt gegangen

Tja, dann ist er selber schuld, wenn er den Unterschied zwischen poly und rect nicht bemerkt, und sich wundert, dass es mit den Koordinaten nicht funktionieren will.

djheke schrieb:

Ist wohl nicht das Einzige

Zum Vergrößern anklicken....

... no comment