C
CoFi
Member
- Beiträge
- 6
- Punkte Reaktionen
- 0
Wie kann ich ein Bild mit IMG Map so auf meine Website einbinden, dass es Bedienelemente hat. (Zoom per Mausrad und mit Gedrückter Linker Maustaste verschieben) Es ist eine Website für eine Community in einem Spiel und ich habe eine Map mit den Punkten angefertigt, die wichtig sind. Jetzt soll diese "Map" auf der Website zu sehen sein. Allerdings ist das Bild 8100x8100 Pixel groß und würde damit mehr als jeden "normalen" Bildschirm einnehmen. Hier der bis jetzt funktionierende Code:
HTML:
<img src="grand-theft-auto-v_karte-landkarte_hq.jpg" usemap="#image-map">
<map name="image-map">
<area target="" alt="Hangar" title="Hangar" href="https://www.cfg.de.cool/gebäude/hangar" coords="2385,3314,2488,3417" shape="rect">
<area target="" alt="Bunker" title="Bunker" href="https://www.cfg.de.cool/gebäude/bunker" coords="1642,4485,1741,4603" shape="rect">
<area target="" alt="Büro" title="Büro" href="https://www.cfg.de.cool/gebäude/büro" coords="2794,5702,2905,5820" shape="rect">
<area target="" alt="Spielhalle" title="Spielhalle" href="https://www.cfg.de.cool/gebäude/spielhalle" coords="3387,5212,3478,5327" shape="rect">
<area target="" alt="Clubhaus" title="Clubhaus" href="https://www.cfg.de.cool/gebäude/clubhaus" coords="3984,5360,4076,5458" shape="rect">
<area target="" alt="Basis" title="Basis" href="https://www.cfg.de.cool/gebäude/basis" coords="4544,3524,4668,3673" shape="rect">
<area target="" alt="Weedplantage" title="Weedplantage" href="https://www.cfg.de.cool/gebäude/weedplantage" coords="3780,5379,3846,5432" shape="rect">
<area target="" alt="Dokumentenfälscherei" title="Dokumentenfälscherei" href="https://www.cfg.de.cool/gebäude/dokumentenfälscherei" coords="3905,5985,3958,6044" shape="rect">
<area target="" alt="Falschgelddruckerei" title="Falschgelddruckerei" href="https://www.cfg.de.cool/gebäude/falschgelddruckerei" coords="2932,6399,2991,6471" shape="rect">
<area target="" alt="Kokslabor" title="Kokslabor" href="https://www.cfg.de.cool/gebäude/kokslabor" coords="2682,5787,2741,5846" shape="rect">
<area target="" alt="Amphetaminlabor" title="Amphetaminlabor" href="https://www.cfg.de.cool/gebäude/amphetaminlabor" coords="4682,6590,4754,6656" shape="rect">
<area target="" alt="Home" title="Home" href="https://www.cfg.de.cool/" coords="169,7511,1175,8050" shape="rect">
</map>