2
Methode gesucht für skalierbare verweissensitive Grafiken
Moin zusammen,
ich habe eine verweissensitive Grafik in HTML erstellt.
Dies hat zur Folge, dass die Grafik an Rechtecken (siehe Pixelangaben) anklickbar ist. Soweit ok.
Sobald die Grafik aber skaliert wird (durch Handyauflösung, kleines Browserfenster) sitzen die coords nicht mehr an den richtigen Stellen auf der Grafik.
Eben war ich in meinem Google Analytics Account. Wenn man dort auf Geografie geht, bekommt man die Weltkarte angezeigt und kann die Aufrufzahlen per Mouse over ablesen. Wenn diese Grafik kleiner gemacht wird (Browserfenster kleiner schieben) sind die Grafiken immer noch korrekt anklickbar.
Meine Frage ist nun: Mit welcher Technik kann man das machen? Könntet ihr mir bitte ein Schlagwort geben und auf die Sprünge helfen?
Vielen Dank!
Peter
ich habe eine verweissensitive Grafik in HTML erstellt.
<img src="https://www.domain.tld/beispielgrafik.jpg" border="0" alt="Klicke!" usemap="#Karte">
<map name="Karte">
<area shape="rect" coords="100,138,163,159"
href="https://www.domain.tld/" alt="admin" title="admin">
<area shape="rect" coords="207,77,266,101"
href="http://www.domain.tld/" alt="benutzer" title="benutzer">
</map>Dies hat zur Folge, dass die Grafik an Rechtecken (siehe Pixelangaben) anklickbar ist. Soweit ok.
Sobald die Grafik aber skaliert wird (durch Handyauflösung, kleines Browserfenster) sitzen die coords nicht mehr an den richtigen Stellen auf der Grafik.
Eben war ich in meinem Google Analytics Account. Wenn man dort auf Geografie geht, bekommt man die Weltkarte angezeigt und kann die Aufrufzahlen per Mouse over ablesen. Wenn diese Grafik kleiner gemacht wird (Browserfenster kleiner schieben) sind die Grafiken immer noch korrekt anklickbar.
Meine Frage ist nun: Mit welcher Technik kann man das machen? Könntet ihr mir bitte ein Schlagwort geben und auf die Sprünge helfen?
Vielen Dank!
Peter
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 236462
Url: https://administrator.de/contentid/236462
Ausgedruckt am: 22.11.2024 um 05:11 Uhr
2 Kommentare
Neuester Kommentar
Hallo,
Da ja HTML statisch kannst du da nicht viel erreichen.
Wenn dann könnt ich mir vorstellen das du das per JavaScript erreichen kannst.
Da ja HTML statisch kannst du da nicht viel erreichen.
Wenn dann könnt ich mir vorstellen das du das per JavaScript erreichen kannst.
Hi Peter,
gib' mal bei . . .
. . . feste Bildgrößen an. Siehe --> http://net-comm.de/a_domino.php
Die Polygon-Koordinaten hab' jetzt ich nicht so genau hinbekommen, aber ob das Bild größer/kleiner gezoomt wird,
oder auf dem Handy, die sensitiven Punkte bleiben immer an der gleichen Stelle.
Gruß
Günni
gib' mal bei . . .
<img src="https://www.domain.tld/beispielgrafik.jpg" border="0" alt="Klicke!" usemap="#Karte"> . . . feste Bildgrößen an. Siehe --> http://net-comm.de/a_domino.php
Die Polygon-Koordinaten hab' jetzt ich nicht so genau hinbekommen, aber ob das Bild größer/kleiner gezoomt wird,
oder auf dem Handy, die sensitiven Punkte bleiben immer an der gleichen Stelle.
Gruß
Günni
