WaBis

walter.bislins.ch

Bilder-Links erzeugen

Bilder oder Bildbereiche können als Links ausgeführt werden. Je nach Anforderung kannst du zwischen drei Methoden wählen:

  • Ganzes Bild als Link definieren
  • Beliebige Bereiche (Rechteck, Polygon, Kreis) als Links definieren (Image-Maps)
  • Rechteckige Bereiche mit Beschriftung und Effekten (Hot-Links) als Links definieren (ptr-Makros)

Standardmässig wird ein Bild vom Wiki so erzeugt, dass ein Klick darauf zu der entsprechenden Info-Seite führt. Du kannst aber mit dem link-Flag ein beliebiges anderes Ziel für das Bild definieren:

[[Bild:Datei|link=Zielseite|Text]]
Datei
Dateiname des Bildes
Zielseite
Name einer Wiki-Seite oder URL zu einer externen Seite
Text
Beschreibung des Bildes

Als Zielseite kannst du auch einen Link auf eine Seite in einem anderen Wiki oder einer anderen Website machen, auf eine Überschrift in einer Seite verlinken und Parameter an die Seite übergeben (siehe auch Links):

[[Bild:Datei|link=Wiki:Seite|Text]]
[[Bild:Datei|link=../folder/webseite.html|Text]]
[[Bild:Datei|link=http://folder/webseite.html|Text]]
[[Bild:Datei|link=Wiki:Seite#Titel~parameterliste|Text]]

Image-Maps

Du kannst mittels der imap-Makros verschiedene beliebig geformte Bereiche eines Bildes als Bilder-Links definieren.

 Makro: imap

Beispiel

Fahre mit der Maus über das Bild und klicke auf die Formen:

imap-Demo

Roter Kreis Blaues Rechteck Grünes Dreieck

So wirds gemacht:

[[:Bild:imap demo.jpg|123px|imap=rgb|imap-Demo]]
{{imap|rgb}}
{{imap circle|Imap-Demo~q=Roter Kreis|25,22,19|Roter Kreis}}
{{imap rect|Imap-Demo~q=Blaues Rechteck|58,6,114,42|Blaues Rechteck}}
{{imap poly|Imap-Demo~q=Grünes Dreieck|10,100,40,57,110,78|Grünes Dreieck}}
{{end imap}}

Der Teil ~q=Roter Kreis im Link ist ein sog. Link-Parameter. Diese Parameter werden in der URL an die gerufene Seite Imap-Demo übergeben. Das Wiki interpretiert den Parameter mit dem Namen q als Suchwert und markiert die gefundenen Textstellen in der Seite farblich.

Du kannst mit diesem Wiki mittels der ptr-Makros Interaktionen mit Bildern erzeugen. Dabei werden rechteckige Bereiche in einem Bild definiert, welche u.a. auch als Hot-Links zu anderen Seiten fungieren können.

 Interaktionen mit Bildern

Beispiel

Fahre mit der Maus über das Bild und klicke in die dann erscheinenden Bereiche:

So wirds gemacht:

[[:Bild:walti.jpg|123px|id=hot|]]
{{ptr def|hot:L1|20,10,45,45|[[Bild:Walti.jpg|Infos]]}}
{{ptr def|hot:L2|20,65,45,45|[[Wabis]]}}

Weitere Infos zur Seite
Erzeugt Mittwoch, 12. Juli 2006
von wabis
Zum Seitenanfang
Geändert Freitag, 2. März 2012
von wabis