(deutsche bersetzung der Seite PmWiki.Images, Stand 21.09.2005) Attach:learlogo.jpg Δ|Lear-Homepage

Bilder in Seiten verwenden

Um ein Bild auf einer Seite zu platzieren, wird die die Adresse (URL) eingegeben. Ein alternativer Text (fr Tooltip und Browser, die keine Bilder darstellen) wird in doppelte Anfhrungszeichen direkt nach der URL gesetzt.

http://www.pmichaud.com/img/misc/pc.jpg"alternativer Text"
Paper clips are fun to work with. 
alternativer Text

Paper clips are fun to work with.

Bilder knnen ebenso als hochgeladene Dateien (Attach:image.jpg) und InterMap Verweise angegeben werden. Jede Angabe, die auf .gif, .jpg, .jpeg oder .png endet wird automatisch als Bild behandelt. (Siehe Hinweise fr Bilder, die keine Endung besitzen).

Um einen Verweis zu einem 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 umflossende Bilder

Eine Beschriftung wird durch einen vertikalen Balken gefolgt vom Beschriftungstext hinzugefgt.

http://www.pmichaud.com/img/misc/pc.jpg"Paper clips" | '''Abbildung 1'''
Paper clips
Abbildung 1

Normalerweise werden Bilder auf gleicher Grundlinie wie der umgebende Text angezeigt. Um ein Bild links oder rechts auszurichten mit darum herumflieenden Text, werden die %lfloat% und %rfloat% Wikistile verwendet.

%lfloat% http://www.pmichaud.com/img/misc/gem.jpg | '''Rock on!'''
Das Bild ist linksbndig ausgerichtet. Der Text fliet rechts um das Bild.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Rock on!

Das Bild ist linksbndig ausgerichtet. Der Text fliet rechts um das Bild.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Mit den %lframe% oder %rframe% Stilen wird ein Bild rechts oder links ausgerichtet und zustzlich ein Rahmen herum angezeigt.

%rframe% http://www.pmichaud.com/img/misc/gem.jpg | '''Rock on!'''
Das Bild ist rechtsbndig ausgerichtet. Der Text fliet links um das gerahmte Bild.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Rock on!

Das Bild ist rechtsbndig ausgerichtet. Der Text fliet links um das gerahmte Bild.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Mit %center% kann ein Bild zentriert werden. %right% richtet es rechts aus ohne umflieenden Text.

%center%http://www.pmichaud.com/img/misc/pc.jpg"Paper clips" | Paper clips are fun to work with 

%right% http://www.pmichaud.com/img/misc/gem.jpg | Rock on!
Paper clips
Paper clips are fun to work with

Rock on!

Bilder skalieren

Um die Gre eines Bildes zu ndern kann %width=50px% oder %height=50px% vor das Bild gesetzt werden. %thumb% ist eine praktische Abkrzung fr %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 Datengre.

Durch %thumb% skalierte Bilder knnen in Rahmen ausgerichtet oder als Verweise verwendet werden.

%lframe thumb% [[http://www.pmichaud.com/img/misc/bubble.jpg | http://www.pmichaud.com/img/misc/bubble.jpg"Burst the bubble"]] | [-Bubble-]
%lframe thumb% http://www.pmichaud.com/img/misc/pc.jpg"Clip the ticket" | [-Paper Clips-]
%lframe thumb% [[DocumentationIndex | http://www.pmichaud.com/img/misc/gem.jpg"Visit the Documentation Index"]] | [[DocumentationIndex | [-Rock On-]]]
Burst the bubble
Bubble
Clip the ticket
Paper Clips

Hinweise

  • Bilder ohne korrekte Dateiendung knnen durch hinzufgen einer "falschen" Endung zur URL angezeigt werden. Wenn bspw. die URL http://www.example.com/script/tux ist, wird ein geflschte Anfrage mit der gewnschten Endung angehngt, bspw http://www.example.com/script/tux?format=.png.

Siehe auch

Quellen

Die Bilder auf dieser Seite stammen von http://www.flickr.com und werden unter der Creative Commons License verbreitet.

<< Verweise | Dokumentationsindex | Textformatierungsregeln >>

Seite zuletzt geändert am 14.07.2006 10:21 Uhr · Seitenaufrufe: 1657