https://twinewiki.de/index.php?action=history&feed=atom&title=Bildbereiche_verlinken_mit_Image_MapsBildbereiche verlinken mit Image Maps - Versionsgeschichte2026-04-29T16:45:09ZVersionsgeschichte dieser Seite in twinewiki.deMediaWiki 1.39.0https://twinewiki.de/index.php?title=Bildbereiche_verlinken_mit_Image_Maps&diff=168&oldid=prevKnarfio: Beitrag angelegt und geschrieben2023-01-20T11:41:52Z<p>Beitrag angelegt und geschrieben</p>
<p><b>Neue Seite</b></p><div>Image Maps ermöglichen es, Bereiche eines Bildes anklickbar zu machen. Im folgenden Beispiel wird man beim Anklicken der Gesichtspartieren zu unterschiedlichen Abschnitten weitergeleitet. <br />
<br />
''Hinweise:'' <br />
<br />
* Das Bild "mona-lisa.jpg" muss im selben Ordner liegen wie das fertige Spiel (''siehe auch:'' [[Bilder einfügen]]).<br />
* Die unter <code>coords</code> angegebenen Koordinaten definieren die linke obere und rechte untere Ecke eines rechteckigen Bildausschnitts (jeweils X- und Y-Wert in Pixeln). Zum Ermitteln der gewünschten Koordinaten können alle gängigen Apps zur Bildbearbeitung verwendet werden.<br />
* Damit die festgelegten Koordinaten funktionieren, darf die Bildgröße nachträglich nicht mehr verändert werden, z. B. mit dem Attribut <code>width</code>.<br />
<br />
<img src="mona-lisa.jpg" usemap="#mona-lisa"><br />
<map name="mona-lisa"><br />
[<nowiki><area shape="rect" coords="39,97,208,202"></nowiki>]<augen|<br />
[<nowiki><area shape="rect" coords="1063,131,1258,249"></nowiki>]<nase|<br />
[<nowiki><area shape="rect" coords="760,345,935,466"></nowiki>]<mund|<br />
(click: ?augen)[(goto: "Augen")]<br />
(click: ?nase)[(goto: "Nase")]<br />
(click: ?mund)[(goto: "Mund")]<br />
</map><br />
''Siehe auch:'' [[(click:)|(click:),]] [[(goto:)]]<br />
<br />
''Versionshinweis: Twine 2.6.0 | Harlowe 3.3.4''</div>Knarfio