3.11.1.4 Abbildungen zu einer Image Map erweitern

[unmarkierte Version]

Version vom 2. Februar 2016, 18:05 Uhr

Eine Grafik kann mit ImageMap nun auch mit einem Link gesetzt werden. Entweder in der einfachen Variante, sprich das gesamte Bild dient als Verknüpfungspunkt, oder in der filigraneren Variante mit einzelnen Bildbereichen.

Gesamtbildverlinkung auf interne Seite[]

Möchten Sie ein Bild mit einer LOOP-Seite verlinken, nutzen Sie den unteren Beispielcode. Mit dem Attribut Quickinfo ist der aufblinkende Text gemeint, der erscheint sobald man mit dem Mauszeiger über das Bild fährt.

Beispiel

Code:

[[Datei:Metabild.png|300px|Quickinfo|link=LOOP-Tutorial]]

Ergebnis:

Gesamtbildverlinkung auf externe Seite[]

Möchten Sie ein Bild mit einer externen Internetseite verlinken, setzen Sie den Link mit http/https-Präfix. In unteren Beispiel wird Sie das Bild auf die Seite von Google führen.

Beispiel

Code:

[[Datei:Metabild.png|300px|Quickinfo|link=https://www.google.de]]

Ergebnis:

Bildverlinkung mit einer angepassten ImageMap[]

Komplexe Variante = ImageMap für definierten Bereich der Verlinkung im Bild:

<imagemap> Image:Metabild.png|300px|Titel default Gehe zur Hauptseite </imagemap>

Online Image Map Editor: http://www.maschek.hu/imagemap/imgmap

Wiki auf deutsch: http://wikis.zum.de/zum/Hilfe:ImageMap

Wiki auf englisch: https://www.mediawiki.org/wiki/Extension:ImageMap

@@ Zeile 15: / Zeile 15: @@
 ===Gesamtbildverlinkung auf externe Seite===
-Möchten Sie ein Bild mit einer externen Internetseite verlinken, setzen Sie den Link mit http/https-Präfix.
+Möchten Sie ein Bild mit einer externen Internetseite verlinken, setzen Sie den Link mit http/https-Präfix. In unteren Beispiel wird Sie das Bild auf die Seite von Google führen.
 <loop_area type="example">
@@ Zeile 24: / Zeile 24: @@
 [[Datei:Metabild.png|300px|Quickinfo|link=https://www.google.de]]
 </loop_area>
 ===Bildverlinkung mit einer angepassten ImageMap===