mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-24 02:27:19 +00:00
65 lines
1.7 KiB
Plaintext
65 lines
1.7 KiB
Plaintext
caption: Bilder
|
|
created: 20131205160221762
|
|
creator: pmario
|
|
modified: 20140921170652909
|
|
modifier: pmario
|
|
tags: WikiText
|
|
title: Bilder in WikiText
|
|
type: text/vnd.tiddlywiki
|
|
|
|
!! Bild Formatierung
|
|
|
|
Bilder können in WikiText mit folgender Syntax verwendet werden:
|
|
|
|
```
|
|
[img[Motovun Jack.jpg]]
|
|
```
|
|
[img[Motovun Jack.jpg]]
|
|
|
|
oder
|
|
|
|
```
|
|
[img[http://tiddlywiki.com/favicon.ico]] Dieses verlinkte Bild wird eventuell nicht angezeigt, wenn Sie offline sind!
|
|
```
|
|
[img[http://tiddlywiki.com/favicon.ico]]
|
|
|
|
Wenn die Bildquelle der Titel eines existierenden Tiddlers ist, dann wird dieser direkt angezeigt. Ansonsten wird die Quelle als URL angesehen und ein HTML `<img>` Element wird erzeugt. Das `src` Attribut wird auf die [[URL]] gesetzt.
|
|
|
|
Ein [[Tooltip]] kann ebenfalls angegeben werden:
|
|
|
|
```
|
|
[img[Ich bin der Tooltip text|Motovun Jack.jpg]]
|
|
```
|
|
|
|
[img width=100 [Ich bin der Tooltip text|Motovun Jack.jpg]]
|
|
|
|
Attribute wie zB: CSS Klassen oder die Höhe und Breite können ebenfalls angegeben werden.
|
|
|
|
```
|
|
[img width=64 [Motovun Jack.jpg]]
|
|
[img width=64 class="tc-image" [Motovun Jack.jpg]]
|
|
```
|
|
[img width=64 class="tc-image" [Motovun Jack.jpg]]
|
|
|
|
Anmerkung: Attribute können auch über [[Transklusionen|Transklusion]] oder [[Variablen|Makro]] referenziert werden:
|
|
|
|
```
|
|
[img width={{!!mywidth}} class=<<image-classes>> [Motovun Jack.jpg]]
|
|
```
|
|
|
|
Die "Bilder Syntax" ist eine Vereinfachung für die Verwendung des "ImageWidget"
|
|
|
|
|
|
!! Anzeige von Bildern mit Transklusion
|
|
|
|
Sie können ein Bild, das als Tiddler gespeichert ist direkt anzeigen. Nachteil dieser Methode ist, dass die Größe des Bildes nicht direkt beeinflusst werden kann.
|
|
|
|
```
|
|
{{Motovun Jack.jpg}}
|
|
```
|
|
|
|
Dargestellt als:
|
|
|
|
{{Motovun Jack.jpg}}
|
|
|