(deutsche Übersetzung der Seite PmWiki.ImagesInWikiPages?, Stand 20.April 2005)
Wie ist es eigentlich möglich dynamisch erzeugte Bilder, ohne Dateiendung wie .jpg oder .gif einzufügen?
Inline-Bilder auf Seiten
Der gesamte Pfad zur Bilddatei wird beschrieben.
http://www.pmwiki.org/pmwiki/pub/skins/pmwiki/pmwiki-32.gif |
|
|
ANMERKUNG:
- Dieses funktioniert für Bilder auf anderen Websites genauso als für Bilder der eigenen, aber das wird als besonders schlechte Manieren angesehen auf diese Weise direkt Bilder von einer anderen Website zu laden. Das Beispiel hier ist eine Ausnahme, welche vom Verfasser der Wiki-Software zu Demonstrationszwecken gemacht wird.
- Um die Größe des dargestellten Bildes zu begrenzen, wird dem Verweis eine Maßstab-Beschreibung vorangestellt, z.B. %width=100% or %height=200%. Probehalber ist die Anzahl der angegebenen Pixel zu verändern um die gewünschte Bildgröße zu erhalten.
Zentriertes Bild mit einer Tabelle
||align='center'
||http://www.pmwiki.org/pmwiki/pub/skins/pmwiki/pmwiki-32.gif||
|
|
|
oder
|| http://www.pmwiki.org/pmwiki/pub/skins/pmwiki/pmwiki-32.gif || |
|
|
oder
(:table width=100%:)
(:cell align=center:)
http://www.pmwiki.org/pmwiki/pub/skins/pmwiki/pmwiki-32.gif
(:tableend:)
Link zu einem Bild
Im ersten, obigen Beispiel haben wir das einfache Schreiben der vollen Bildadresse gesehen, welche daraufhin selbiges anzeigen läßt.
Wie verhindern wir aber, daß die Anzeige der Adresse als Bild gerendert wird, wenn wir die Adresse des Bildes angeben wollen?
Es werden doppeleckige Klammern um die Adresse herum gesetzt.
Bilderlink zu einem Bild
Das Bild als Button benutzt und verlinkt zu einem anderen Bild. Dazu sei an die [[Go | Show]] Regel erinnert: die erste Hälfte besteht aus dem Verweis zur Bilddatei (oder jedem anderen Pfad) des Buttons selbst; die zweite Hälfte repräsentiert das, worauf verwiesen wird und nach dem Klick gezeigt werden soll.
[[http://www.pmichaud.com/img/wiki/pmichaud.com-40.gif |
http://www.pmwiki.org/pmwiki/pub/skins/pmwiki/pmwiki-32.gif]] |
|
|
Thumbnail-Bild linkt zum Bild in voller Größe
Um eine Thumbnail-Version (daumennagelgroße Ausgabe) eines Bildes anzuzeigen, welche, wenn auf sie geklickt wird, das große Bild auf dem Browserfenster erscheinen läßt,
- Nimm das Bild als klickbaren Link - verweise auf das Bild selbst. Nimm die [[Go | Show]] Regel: die erste Hälfte ist der Link zur Bilddatei; die zweite Hälfte besteht aus dem was angezeigt wird.
- Stell dem des Links öffnenden doppeleckigen Klammern eine Maßstabs- oder Größenbegrenzung voran - z.B. %width=100% or %height=200%. Versuche die Pixeldichte zu verändern um zur gewünschten Briefmarkengröße zu gelangen.
%width=50%[[http://www.pmichaud.com/grape/in-grape2.gif |
http://www.pmichaud.com/grape/in-grape2.gif ]] |
http://www.pmichaud.com/grape/in-grape2.gif(approve sites)(approve sites)
|
Bildverlinkung zum Link
Nimm das Bild als klickbaren Link - um zu anderer Stelle zu verlinken. Gebrauche dazu die [[Go | Show]] Regel - die erste Hälfte beschreibt den Link zu einer anderen verlinkten Stelle; die zweite Hälfte besteht aus dem, was nach dem Klicken gerendert wird.
[[http://www.pmichaud.com |
http://www.pmichaud.com/img/wiki/pmichaud.com-40.gif]] |
http://www.pmichaud.com/img/wiki/pmichaud.com-40.gif(approve sites)(approve sites)
|
Skaliertes Bild
%define=scaled width:120%
%scaled% http://www.pmwiki.org/pmwiki/pub/skins/pmwiki/pmwiki-32.gif |
|
|
Rechtsbündiges Bild
%align=right%http://www.pmichaud.com/grape/in-grape2.gif [[<<]] |
http://www.pmichaud.com/grape/in-grape2.gif(approve sites)
|
Rechtsbündiges Bild nach einem Text
%align=right%http://www.pmwiki.org/pmwiki/pub/skins/pmwiki/pmwiki-32.gif
[[<<]] The text should follow the image with a line break between
the text and the image |
 The text should follow the image with a line break between the text and the image |
Bild mit alt tag
http://www.pmwiki.org/pmwiki/pub/skins/pmwiki/pmwiki-32.gif"PmWiki is built
with PHP" |
|
|
Bild mit umgebenden Spacing
%vspace=30 hspace=30%
http://www.pmwiki.org/pmwiki/pub/skins/pmwiki/pmwiki-32.gif |
|
|
Discussion
Why not use
-
- doesn't work for
(: ... :)
About alt tag, it might be interesting to also populate the title Isidor
Is it possible to specify a padding or margin for the image?
At the moment (pmwiki2 beta26) it is not possible to specify padding for images directly. It could be done in the css style sheet. the image to the left is wrapped in a table with cellpadding=10px
%align=left height=80
margin=4em%http://www.pmichaud.com/grape/in-grape2.gif Text to be
associated with first image [[<<]] |
http://www.pmichaud.com/grape/in-grape2.gif(approve sites) Text to be associated with first image
|
%align=left height=80%http://www.pmichaud.com/grape/in-grape2.gif Text to
be associated with second image [[<<]] |
http://www.pmichaud.com/grape/in-grape2.gif(approve sites) Text to be associated with second image
|
<< Verweise | PmWikiDe.DokumentationsIndex | Tipps zum Bearbeiten >>
Kategorien: Images, Layout
