Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- sytax_bilder [24.04.2024 09:38] – [Bilder im DokuWiki speichern] Nikolaus Müller-Büchele
+++ sytax_bilder [30.04.2024 18:59] (aktuell) – [Automatische Verlinkung] Nikolaus Müller-Büchele
@@ Zeile 1: / Zeile 1: @@
 ====== Bilder und andere Dateien ======
-Bilder und andere Dateien werden in Dokuwiki auf die gleiche Art verwaltet. Sie unterschieden sich aber in der Anzeige, wenn sie in eine Dokuwiki-Seite eingefügt werden. Bei Bildern wird ihr Inhalt angezeigt, bei anderen Dateien ein [[sytax_bilder#dateidownload|Link]].
-===== Bilder im DokuWiki speichern =====
-Bilder und andere Dateien werden [[media_manager|Medien-Manager]] hochgeladen.
+Bilder und andere Dateien werden über den [[media_manager|Medien-Manager]] hochgeladen und dort auch für die Anzeige in DokuWiki ausgewählt. Bei Bildern wird ihr Inhalt angezeigt, bei anderen Dateien ein [[sytax_bilder#dateidownload|Link]].
+Sowohl externe als auch interne [[doku>images|Bilder]] werden mit doppelten geschweiften Klammern ''%%{{  }}%%'' um den Namen der Bilddatei in einen Text eingebunden. Eine Zusatzangabe (Option) kann mit einem Fragezeichen ''?'' an den Bildnamen angehängt werden, mehrere Angaben werden mit einem ''&'' kombiniert.
-===== Bilder anzeigen =====
-Mit doppelten geschweiften Klammern ''%%{{  }}%%'' um den Namen der Bilddatei können sowohl externe als auch interne [[doku>images|Bilder]] eingebunden werden. Eine Zusatzangabe (Option) kann mit einem Fragezeichen ''?'' an den Bildnamen angehängt werden, mehrere Angaben werden mit einem ''&'' kombiniert.
 ===== Größe von Bildern  =====
- Das Bild heißt in diesem Beispiel "dokuwiki-128.png". Optional kann deren Größe angegeben werden:
+<grid><col sm="12" md="6">
+Die Anzeigegröße eines Bildes kann in Pixel angegeben werden:
 Originalgröße:                      {{wiki:dokuwiki-128.png}}
@@ Zeile 18: / Zeile 19: @@
 Breite und Höhe vorgeben:            {{wiki:dokuwiki-128.png?200x50}} (das Bild wird ggf. beschnitten)
-... gilt auch für externe Bilder: {{https://wiki.ph-freiburg.de/!portal/_media/logo-text-blue.png?400}}
+... gilt auch für externe Bilder:    {{https://wiki.ph-freiburg.de/!portal/_media/logo-text-blue.png?400}}
+</col><col sm="12" md="6">
   Originalgröße:                        {{wiki:dokuwiki-128.png}}
   Eine Breite vorgeben:                 {{wiki:dokuwiki-128.png?50}}
   Eine Höhe vorgeben:                   {{wiki:dokuwiki-128.png?0x30}}
   Breite und Höhe vorgeben:             {{wiki:dokuwiki-128.png?200x50}}
-  ... gilt auch für externe Bilder:     {{https://wiki.ph-freiburg.de/!portal/_media/logo-text-blue.png?400}}
+  ... gilt auch für externe Bilder:
+      {{https://wiki.ph-freiburg.de/!portal/_media/logo-text-blue.png?400}}
+</col></grid>
 ===== Ausrichten von Bildern =====
+<grid><col sm="12" md="6">
 Mit Leerzeichen zur Rechten und/oder Linken innerhalb der Klammern kann ein Bild horizontal ausgerichtet werden (Links, Zentriert, Rechts).
@@ Zeile 34: / Zeile 37: @@
 {{ wiki:dokuwiki-128.png |Zentriert}}
+</col><col sm="12" md="6">
   {{wiki:dokuwiki-128.png }}
   {{ wiki:dokuwiki-128.png }}
   {{ wiki:dokuwiki-128.png}}
+</col></grid>
 ===== Tooltips =====
+<grid><col sm="12" md="6">
 Auch Titel, in den meisten Browsern als Tooltip angezeigt, können angegeben werden.
 {{ wiki:dokuwiki-128.png |Dies ist ein Tooltip}}
+</col><col sm="12" md="6">
   {{ wiki:dokuwiki-128.png |Dies ist ein Tooltip}}
+</col></grid>
 ===== Dateidownload =====
+<grid><col sm="12" md="6">
 Wenn eine Datei angegeben wird, die kein Bild (''gif, jpg, png'') ist, so wird sie als Link angezeigt und so zum Download angeboten.
 {{ ::beispieltext.docx |Beispiel Word-Datei}}
+</col><col sm="12" md="6">
 <code>{{ ::beispieltext.docx |Beispiel Word-Datei}}</code>
+</col></grid>
 ===== Automatische Verlinkung =====
+<grid><col sm="12" md="6">
+Bilder werden automatisch mit einer Verlinkung zur Ihren [[wpde>Metadaten]] erstellt: {{wiki:dokuwiki-128.png?20}}
-Bilder werden automatisch mit einer Verlinkung zur Ihren [[wpde>Metadaten]] erstellt - Bsp.: {{wiki:dokuwiki-128.png?20}}
+Dieses Verhalten kann über die Option ''nolink'' (mit vorangestelltem ''?'' oder ggf. mit einem ''&'' mit anderen Optionen wie der Größenangabe kombiniert) unterbunden werden: {{wiki:dokuwiki-128.png?20&nolink}}
-Dieses Verhalten kann über die Option ''?nolink'' (ggf. mit einem "&" mit anderen Optionen wie der Größenangabe kombinieren) unterbunden werden: {{wiki:dokuwiki-128.png?20&nolink}}
-  {{wiki:dokuwiki-128.png?20&nolink}}
-Außerdem kann mit ''?direct'' das Bild, z.Bsp. als Vollansicht, direkt verlinkt werden: {{wiki:dokuwiki-128.png?20&direct}}
-  {{wiki:dokuwiki-128.png?20&direct}}
+Außerdem kann mit ''direct'' das Bild, z.Bsp. als Vollansicht, direkt verlinkt werden: {{wiki:dokuwiki-128.png?20&direct}}
+</col><col sm="12" md="6">
+Bild 20 px breit
+  automatisch:  {{wiki:dokuwiki-128.png?20}}
+  kein Link:    {{wiki:dokuwiki-128.png?20&nolink}}
+  Vollansicht:  {{wiki:dokuwiki-128.png?20&direct}}
+</col></grid>
+===== Bilder als Links =====
+siehe [[syntax_links#bilder_als_links|Bilder als Links]] unter "Links".