Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Methode gesucht für skalierbare verweissensitive Grafiken

Frage Entwicklung HTML

Mitglied: peterha

peterha (Level 1) - Jetzt verbinden

25.04.2014, aktualisiert 29.05.2014, 1865 Aufrufe, 2 Kommentare

Moin zusammen,

ich habe eine verweissensitive Grafik in HTML erstellt.

01.
<img src="http://administrator.de/beispielgrafik.jpg" border="0" alt="Klicke!" usemap="#Karte"> 
02.
  <map name="Karte"> 
03.
    <area shape="rect" coords="100,138,163,159" 
04.
          href="http://www.administrator.de/" alt="admin" title="admin"> 
05.
    <area shape="rect" coords="207,77,266,101" 
06.
          href="http://www.benutzer.de/" alt="benutzer" title="benutzer"> 
07.
  </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
Mitglied: wiesi200
25.04.2014 um 22:51 Uhr
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.
Bitte warten ..
Mitglied: Guenni
LÖSUNG 26.04.2014, aktualisiert 29.05.2014
Hi Peter,

gib' mal bei . . .

01.
<img src="http://administrator.de/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
Bitte warten ..
Ähnliche Inhalte
C und C++
gelöst Methode multiple return values (8)

Frage von mayho33 zum Thema C und C ...

Windows 10
Eigene Login Methode bei Windows 10 (9)

Frage von Testgamer100 zum Thema Windows 10 ...

Batch & Shell
gelöst Mehrere Grafiken mit Batch umbenennen (3)

Frage von SeraphinaJ zum Thema Batch & Shell ...

Neue Wissensbeiträge
Windows Update

Microsoft Update KB4034664 verursacht Probleme mit Multimonitor-Systemen

(2)

Tipp von beidermachtvongreyscull zum Thema Windows Update ...

Viren und Trojaner

CNC-Fräsen von MECANUMERIC werden (ggf.) mit Viren, Trojanern, Würmern ausgeliefert

(4)

Erfahrungsbericht von anteNope zum Thema Viren und Trojaner ...

Windows 10

Windows 10: Erste Anmeldung Animation deaktivieren

(3)

Anleitung von alemanne21 zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Netzwerkprotokolle
gelöst Leiten "dumme" Switches VLAN-Tags mit durch? (26)

Frage von coltseavers zum Thema Netzwerkprotokolle ...

Windows Server
gelöst Neues KB für W10 1607 und W2K16 wieder mal nicht im WSUS 3.0, hat das noch jemand? (16)

Frage von departure69 zum Thema Windows Server ...

Netzwerkgrundlagen
Kann auf Freigabe nicht Zugreifen (14)

Frage von leon123 zum Thema Netzwerkgrundlagen ...

Router & Routing
FTTH bzw FTTB Router (13)

Frage von ukulele-7 zum Thema Router & Routing ...