caption: Bilder
created: 20131205160221762
creator: pmario
modified: 20230307081713229
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[https://tiddlywiki.com/favicon.ico]]  Dieses verlinkte Bild wird eventuell nicht angezeigt, wenn Sie offline sind!
```
[img[https://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 z.B: 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}}