This is version . It is not the current version, and thus it cannot be edited.
[Back to current version]   [Restore this version]

Alice fing an sich zu langweilen; sie saß schon lange bei ihrer Schwester am Ufer und hatte nichts zu tun. Das Buch, das ihre Schwester las, gefiel ihr nicht; denn es waren weder Bilder noch Gespräche darin. „Und was nützen Bücher,“ dachte Alice, „ohne Bilder und Gespräche?“ aus Alice im Wunderland!

Die hier beschriebenen Beispiele verwenden den WikiText WikiCreole, er muss in JSPWiki als nachinstalliert werden, ist jedoch Standard in der cciServer Distribution.

Evtl müssen Bilder vorher in ein Entsprechendes Format (jpg, png) umgewandelt werden, mehr dazu unter Bildbearbeitung und Bildformate.

Bild einbinden#

Mit diesem Wiki-Text wird das Bild in eine Seite eingebunden

{{garten.jpg}}
Mit diesem Wiki-Text wird das Bild in eine Seite eingebunden. Das Bild wurde unter Home hochgeladen, kann aber auch mit der gleichen Bezeichnung auf einer anderen Seite eingebunden werden, ohne dass die Datei nochmal hochgeladen werden muss.
{{Home/garten.jpg}}

Mit diesem Wiki-Text wird das Bild in eine Seite eingebunden und mit Prof.Jamal bezeichnet.

{{garten.jpg|Unser Garten}}

Will man das Bild nur verlinken, kann man folgendes Verwenden

[[garten.jpg]]

garten.jpg(info)

Bildgröße#

Die verschiedenen Varianten von Bildgrößen werden durch S, M, L und XL festgelegt, so dass das Bild sofort in der gewünschten Form angezeigt wird, ohne dass man vorher das Bild manuell z.B. verkleinern müsste.

  • S - Small (z.B. 150 px)
  • M - Medium (z.B. 450 px)
  • L - Large (z.B. 1024 px)
  • XL - Extra Large

Durch diesen Wiki-Text heißt das Bild "Prof.Jamal" und wird in der Bildgröße M angezeigt

{{garten.jpg|Unser Garten|M}}

Unser Garten M
Unser Garten M
Unser Garten L
Unser Garten L

Dieses Bild wird in der Bildgröße M angezeigt. Auch wenn kein Bildname eingefügt wird, müssen zweit || zwischen dem .jpg und M gesetzt werden.

{{garten.jpg||M}}

Positionierung#

Ein Bild rechts zu

{{landschaft.jpg|Verstecktes Dorf (+X)|M, +X}}

Verstecktes Dorf
Verstecktes Dorf

+X bestimmt die Bildausrichtung, X steht für das Bild, +/- und deren position links oder rechts vom Bild für die Positionierung des Textes. + steht dabei für Umfluss, während Minus für "kein Umfluss" steht. Man kann sich merken: + zieht an, - stößt ab...

Um ein Bild also in die Mitte ohne Umfluss zu bringen benutzen sie

{{passbild.jpg|Sopie Müller|M, -X-}}

Hier die Varianten:

+X -> Umfluss link
X+ -> Textumfluss rechts
+X+ -> Textumfluss, bild ist zentriert

-X -> Linksbündig ohne umfluss
-X- -> Zentriert ohne umfluss

Zusammenfassung:#

----------
Eine Übersicht verschiedener varianten:
-----------------
{{{
{{garten.jpg|Testbild S|S}}
{{garten.jpg|Testbild M|M}}
{{garten.jpg|Testbild L|L}}

{{garten.jpg|Testbild mittig|M, -X-}}
{{garten.jpg|Testbild rechts|M, -X}}
{{garten.jpg|Testbild links|M, X-}}
}}}
---------
So siehts aus:
------
[{ImagePro src='garten.jpg' caption='Testbild S' width='140'}]
[{ImagePro src='garten.jpg' caption='Testbild M' width='180'}]
[{ImagePro src='garten.jpg' caption='Testbild L' width='360'}]

[{ImagePro src='garten.jpg' caption='Testbild mittig' width='180' align='center'}]
[{ImagePro src='garten.jpg' caption='Testbild rechts' width='180' align='right'}]
[{ImagePro src='garten.jpg' caption='Testbild links' width='180' align='left'}]

-------
Stichworte: [Bilder Anordnen], [Bilder Positionieren], [Bildimport], [Image]

Add new attachment

Only authorized users are allowed to upload new attachments.

List of attachments

Kind Attachment Name Size Version Date Modified Author Change note
jpg
» garten.jpg 868.7 kB 1 05-Jul-2007 09:39 ChristophSauer
jpg
» landschaft.jpg 310.8 kB 1 05-Jul-2007 09:34 ChristophSauer
« This particular version was published on 19-Mai-2010 16:39 by ChristophSauer.