Intégration d'image

Les images peuvent être affichées avec la syntaxe WikiTexte suivante, selon que l'image soit déjà incluse dans un tiddler ou pointe vers une source externe :

[img[Motovun Jack.jpg]] 
ou [img[https://tiddlywiki.com/favicon.ico]]

Il est également possible d'insérer des tiddlers d'images grâce à la barre d'outils d'édition. Cliquez sur Image () et choisissez une image.

Si la source de l'image correspond au titre d'un tiddler, alors le tiddler est affiché directement. Autrement elle est interprétée comme une URL et la balise HTML <img> est générée avec l'URL dans l'attribut src.

Une info-bulle, visible au survol par la souris, peut être ajoutée :

[img[Et voilà l'info-bulle|Motovun Jack.jpg]]

Les attributs width (largeur) et height (hauteur) ainsi que class pour les classes CSS sont disponibles :

[img width=32 [Motovun Jack.jpg]]
[img width=32 class="tc-image" [Motovun Jack.jpg]]

Notez que les attributs peuvent être spécifiés par des transclusions ou des références à des variables :

[img width={{!!ma_largeur}} class=<<image-classes>> [Motovun Jack.jpg]]

La syntaxe d'image est un raccourci d'appel au Widget Image.

Affichage des images par transclusion

Vous pouvez aussi afficher l'image incluse dans un tiddler en transcluant ce tiddler. L'inconvénient de cette méthode est qu'il n'y a alors pas de moyen direct pour contrôler la taille de l'image.

{{Motovun Jack.jpg}}

Affichera :

Images en lien

<$link to="HelloThere" tooltip="Info-bulle personnalisée">{{$:/core/icon}}</$link>

Affichera :

Import d'images

Utilisez le bouton importer (dans l'onglet de la barre latérale), ou directement un glisser-déposer pour importer une image. Voir les détails ici : Importer des tiddlers

Depuis : 5.2.0 Vous pouvez aussi importer des images par copier-coller ou glisser-déposer dans l'éditeur de tiddler.