Was denn sonst :)Spass
[ERLEDIGT] Grafik mit MouseOver Text!?
- Ersteller ohnoitsroger
- Erstellt am
- Status
ohnoitsroger
Mitglied
Das aussehen ist momentan ja nicht wichtig, aber danke für die Info, vergiss immer das ich ja weiß was da steht und so...xD
Habs jetzt nochmal probiert, aber da läuft gar nichts keine ahnung warum....
http://onceafterdeath.com/media/map.html
Habs jetzt nochmal probiert, aber da läuft gar nichts keine ahnung warum....
http://onceafterdeath.com/media/map.html
B
bdt600
Guest
Vermutlich hat das mit den 50 Fehlern zu tun, siehe https://validator.w3.org/nu/?doc=http://onceafterdeath.com/media/map.html
ohnoitsroger
Mitglied
Danke habs geändert,...
jetzt such ich eine Möglichkeit wie ich die richtigen Koordinaten bekomme, aber ist irgendwie nicht so einfach...
jetzt such ich eine Möglichkeit wie ich die richtigen Koordinaten bekomme, aber ist irgendwie nicht so einfach...
Besonders bei Polygonen.
https://wiki.selfhtml.org/wiki/HTML...fiken#Wie_erhalte_ich_die_Pixelkoordinaten.3F
ohnoitsroger
Mitglied
Da war ich auch gerade...xD
Aber mein Grafikprogramm und dieser Online generator geben mir nur die Koordinaten die ich schon hab also bringt des auch nichts,...
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:
Hast Du bei http://www.maschek.hu/imagemap/imgmap die Statuszeile beachtet, damit das Polygon auch geschlossen wird?
Offensichtlich nicht, denn ein Polygon mit (nur) 3 Ecken besitzt 6 Koordinatenwerte. In Deinem Code tauchen aber immer nur 4 auf.http://www.maschek.hu/imagemap/imgmap schrieb:
djheke
Aktives Mitglied
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
http://www.gipspferd.de/forumhilfe/karte/karte.html
Vergebene Mühe: er will polygone Flächen, keine rechteckigen.
Keine Ahnung. Ich halte mich da nur an seinen Quellcode mit <area shape="poly" ...>.
Der Hubschrauber, Vogel und Bus sind zumindest nicht rechteckig
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
Aktives Mitglied
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>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.
... no commentIst wohl nicht das Einzige
- Status
