Bilder

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

Bilder in Seiten verwenden

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

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

http://www.pmichaud.com/img/misc/pc.jpg(sitios aprobados) Paper clips are fun to work with.

Bilder können 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 für Bilder, die keine Endung besitzen).

Um einen Verweis zu einem Bild (wie http://www.pmichaud.com/img/misc/pc.jpg(sitios aprobados)) 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 hinzugefügt.

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

http://www.pmichaud.com/img/misc/pc.jpg(sitios aprobados) | Abbildung 1

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

%lfloat% http://www.pmichaud.com/img/misc/gem.jpg | '''Rock on!'''
Das Bild ist linksbündig ausgerichtet. Der Text fließt 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.

http://www.pmichaud.com/img/misc/gem.jpg(sitios aprobados) | Rock on! Das Bild ist linksbündig ausgerichtet. Der Text fließt rechts um das Bild.

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

%rframe% http://www.pmichaud.com/img/misc/gem.jpg | '''Rock on!'''
Das Bild ist rechtsbündig ausgerichtet. Der Text fließt 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.

http://www.pmichaud.com/img/misc/gem.jpg(sitios aprobados) | Rock on! Das Bild ist rechtsbündig ausgerichtet. Der Text fließt 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 umfließenden 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!

http://www.pmichaud.com/img/misc/pc.jpg(sitios aprobados) | Paper clips are fun to work with

http://www.pmichaud.com/img/misc/gem.jpg(sitios aprobados) | Rock on!

Bilder skalieren

Um die Größe eines Bildes 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

http://www.pmichaud.com/img/misc/bubble.jpg(sitios aprobados) http://www.pmichaud.com/img/misc/bubble.jpg(sitios aprobados) http://www.pmichaud.com/img/misc/bubble.jpg(sitios aprobados)

Das Skalieren ändert nur, wie das Bild im Browser angezeigt wird, nicht das Bild selbst oder die übertragene Datengröße.

Durch %thumb% skalierte Bilder können 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-]]]

http://www.pmichaud.com/img/misc/bubble.jpg(sitios aprobados)(sitios aprobados) | Bubble http://www.pmichaud.com/img/misc/pc.jpg(sitios aprobados) | Paper Clips http://www.pmichaud.com/img/misc/gem.jpg (sitios aprobados) | Rock On

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 ein gefälschte Anfrage mit der gewünschten Endung angehängt, bspw http://www.example.com/script/tux?format=.png.

Siehe auch

Cookbook:BackgroundImages - Hintergrundbilder in Tabellen, -zellen und Teilern

Quellen

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

<< Verweise | Dokumentationsindex | Textformatierungsregeln >>

Editar | Historia | Cambios Recientes (all) | Buscar

Última modificación de la página el 2006-07