mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-07 18:39:57 +00:00
65 lines
1.7 KiB
Plaintext
65 lines
1.7 KiB
Plaintext
|
caption: Bilder
|
||
|
created: 20131205160221762
|
||
|
creator: pmario
|
||
|
modified: 20140913185848258
|
||
|
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}}
|
||
|
|