Image

ich bin ein Bild
ein Beispiel für das <<image>>-Makro
Das neue <<image>>-makro ist eine Erweiterung des Standard-Bildtags [img[...]] im Wiki-Text. Damit sind zahlreiche zusätzliche Funktionen direkt im Wiki-Text verfügbar, für die bisher <html>-Teile nötig waren.


Folgende Parameter können angepasst werden:

ParameternameBeschreibungWert im Bsp. rechts
srcBild-URLhttp://test1.max-weller.de/docs/img/test-bilder/image003.jpg
popupOverlay: "1" um es zu aktivieren1
altALT-Attribut des Bildesich bin ein Bild
titleTITLE-Attribut des Bildes (ToolTip)hover Me
hrefBild-Linknicht angegeben, da Popup verwendet wird
imgstyleZusätzl. Inhalt des STYLE-Attributes des Bildesnicht angegeben
widthBildbreite200px
heightBildhöhenicht angegeben, wird automatisch berechnet
floatAusrichtung (left/right)right
captionBildunterschriftein Beispiel für das image-Makro
captionstyleCSS-Styles der Bildunterschriftcolor:red;
captionhrefLinkziel der Bildunterschriftnicht angegeben
borderRahmen-Attribute1px solid #999
paddingAbstand zw. Bild und Rahmen8px
marginAbstand zw. Bild/Rahmen und umfließendem Text10px
bgcolorHintergrundfarbe des Kastens#aef (türkis)
styleZusätzl. Inhalt des STYLE-Attributes des Bildes, oder falls vorhanden des Kastensnicht angegeben


Wenn das Overlay aktiviert ist, wird das Bild auf Klick vergrößert. Dann funktioniert der Parameter "href" nicht mehr.

Die Parameter werden jeweils durch einen doppelten Doppelpunkt ("::") getrennt. Nach dem Name des Parameters folgt, durch ein Gleichzeichen ("=") getrennt, der Wert.

Bei Padding und Margin kann entweder ein einzelner Wert angegeben werden, der für alle Richtungen gilt. Alternativ ist es möglich, für jede Richtung einen eigenen Abstand anzugeben:
0 10px 5px 20px bedeutet 0px Abstand nach oben, 10px nach rechts, 5px nach unten, 20px nach links
Es werden also vier Werte in der Reihenfolge oben rechts unten links durch Leerzeichen getrennt angegeben.


Praktisches Beispiel


<b>Nahrhafte Nudeln</b>
Nahrhafte Nudeln
Köstliche Kekse
Köstliche Kekse
Hier noch ein einfacheres Beispiel für das Bildmakro. Das Bild wird links ausgerichtet und auf 100 Pixel Breite begrenzt. Auf Mausklick erscheint es in einem größeren Fenster. Der Text fließt rechts am Bild entlang, und hält dabei 10px Abstand (padding).
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Bild links:
<<image
::src=http://start.teamwiki.net/docs/img/limone.jpg
::margin=10
::border=1px solid #777
::caption=<b>Zitronen</b>
::width=100px
::float=left
::popup=1
>>

Bild rechts:
<<image
::src=http://start.teamwiki.net/docs/img/schweizermesser-t.png
::margin=10
::border=1px solid #777
::bgcolor=#edd
::caption=Taschenmesser
::width=160px
::float=right
::popup=1
>>




Kommentare