Stoppt die Landflucht!

Das Essen kommt nicht aus dem Supermarkt.

Bilder in Seiten verwenden

Um ein Bild auf einer Seite zu platzieren, wird die Adresse (URL) der Bilddatei in den Quelltext der Wikiseite eingefügt. Ein alternativer Text (für Tooltip und Browser, die keine Bilder darstellen) wird in doppelte Anführungszeichen direkt nach der URL gesetzt. Außerdem kann noch durch einen senkrechten Strich (|) abgetrennt eine einfach formatierte Bildbeschriftung folgen.

Bilder können ebenso als hochgeladene Dateien (Attach:image.jpg) und InterMap-Verweise angegeben werden. Standardmäßig werden von PmWiki die folgenden Bildtypen unterstützt und automatisch als Bild erkannt:

   'gif','jpg','jpeg','png','bmp','ico','wbmp',          # Bilder

(Siehe auch Hochladen von Dateien und die Hinweise unten für Bilder, die keine Endung besitzen).

Um einen Verweis auf ein Bild (wie http://www.pmichaud.com/img/misc/pc.jpg) zu setzen, anstatt es anzuzeigen, wird der Verweis in doppelte Klammern gesetzt, wie in [[http://www.pmichaud.com/img/misc/pc.jpg]] oder [[Attach:image.jpg]].

Damit ein Bild auf einen anderen Ort verweist, wird das Bild als Verweistext verwendet:

[[http://www.pmwiki.org | Attach:image.jpg"PmWiki"]].

Beschriftung und umflossene Bilder

Eine Beschriftung wird durch einen senkrechten Strich (|) gefolgt vom Beschriftungstext hinzugefügt.

Normalerweise werden Bilder auf gleicher Grundlinie wie der umgebende Text angezeigt. Um ein Bild zu zentrieren, benutzt man die Formatierungsanweisung %center%. Um ein Bild rechtsbündig auszurichten, benutzt man %right%.

Um ein Bild links oder rechts auszurichten, wobei der Text um das Bild herumfließt, werden die Wikistile %lfloat% und %rfloat% verwendet.

Die Formatierungsanweisung [[<<]] unterbricht um ein Bild herum fließenden Text und der Text wird am unteren Rand des Bildes fortgesetzt:

Mit den Wikistilen %lframe% oder %rframe% wird ein Bild links- oder linksbündig ausgerichtet und zusätzlich ein Rahmen um das Bild herum angezeigt. Der Rahmen kann wiederum über Wikistile formatiert werden.

Verwende '%block rframe%', um mehrere Bilder mit Text in einem umflossenen Rahmen rechts untereinander anzuordnen, also Text links, Rahmen rechts und Bilder abwechselnd mit Text in dem Rahmen untereinander.

Bilder skalieren

Um die Größe eines Bildes mittels eines Wikistils zu ändern, kann %width=50px% oder %height=50px% vor das Bild gesetzt werden. %thumb% ist eine praktische Abkürzung für %width=100px%.

%width=50px% http://www.pmichaud.com/img/misc/bubble.jpg \ %height=50px% http://www.pmichaud.com/img/misc/bubble.jpg \ %thumb% http://www.pmichaud.com/img/misc/bubble.jpg

Das Skalieren ändert nur, wie das Bild im Browser angezeigt wird, nicht das Bild selbst oder die übertragene Dateigröße. Daher ist das Skalieren mittels Wikistilen nicht akzeptabel, um eine Seite voller "verkleinerter" Bilder zu erzeugen.

Wenn man ein Bild in einem Link skalieren will, muss man die Größe vor dem Link angeben und alles mit einem %% abschließen.

Um das Linkziel in einem neuen Browserfenster (oder Tab) zu öffnen, stellt man dem Link ein %newwin% voran.

Durch %thumb% skalierte Bilder können in Rahmen ausgerichtet oder als Verweise verwendet werden (siehe oben).

%lframe thumb% [[http://www.pmichaud.com/img/misc/bubble.jpg | http://www.pmichaud.com/img/misc/bubble.jpg"Burst the bubble"]] | [-Blase-] %lframe thumb% http://www.pmichaud.com/img/misc/pc.jpg"Clip the ticket" | [-Büroklammern-] %lframe thumb% [[DocumentationIndex | http://www.pmichaud.com/img/misc/gem.jpg"Besuche den Dokumentations-Index"]] | [[DocumentationIndex | [-Rock On-]]]

Blase Büroklammern Rock On

Bilder als Verweise

Um Bilder als Links einzusetzen, gibt man ein Bild anstelle des Linktextes an.

Hinweise

• Bilder ohne korrekte Dateiendung können durch Hinzufügen einer "falschen" Endung zur URL angezeigt werden. Wenn bspw. die URL http://www.example.com/script/tux ist, wird eine gefälschte Anfrage mit der gewünschten Endung angehängt, bspw. http://www.example.com/script/tux?format=.png. Es würde auch schon ein Fragment wie im folgenden Beispiel reichen: http://example.com/script/tux#file.png.
• Bilder lassen sich auch mit Hilfe von Prozentangaben skalieren:

• Fließtext ist, genau wie Hinweise am Mauszeiger, in Rahmen möglich.

• Schwierigkeiten mit dem Hochladen von Bildern? Für den Fall, dass beim Hochladen eines Bildes eine Fehlermeldung erscheint, dass das Hochladen aus irgendeinem Grund nicht funktioniert hat, gibt es hier ein paar mögliche, zu prüfende Fehlerquellen.
  Angenommen, der Provider hat die Netzseite

und der Benutzername lautet

und der System-Pfad zum Verzeichnis mit den WWW-Dateien könnte lauten

Wenn das Wiki im Wurzelverzeichnis installiert zu sein scheint

könnte der tatsächliche Systempfad zum Upload-Verzeichnis lautet

und nicht einfach nur

So hat es jedenfalls bei mir geklappt.

Siehe auch

• Das Kochbuch-Rezept Cookbook:BackgroundImages beschreibt, wie Hintergrundbilder in Tabellen, -zellen und Block-Elementen genutzt werden können. (Das Kochbuch-Rezept ist nur auf Englisch verfügbar.)

Quellen

Die Bilder auf dieser Seite stammen von http://www.flickr.com(approve sites) und stehen unter einer Creative Commons License.

<< Verweise | Dokumentationsindex | Grundlegende Textformatierungsregeln >>

DisableMarkup('img');
$ImgExtPattern = "$^";

Übersetzung von PmWiki.Images Originalseite auf PmWikiDe.Images - Backlinks
Zuletzt geändert:
PmWikiDe.Images am 10.06.2012
PmWiki.Images am 24.06.2016

• View
• Print
• Impressum