====== Bilder und andere Dateien ======

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.


===== Größe von Bildern  =====

<grid><col sm="12" md="6">
Die Anzeigegröße eines Bildes kann in Pixel angegeben werden:

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}} (das Bild wird ggf. beschnitten)

... 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}}
</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).

{{ wiki:dokuwiki-128.png|Rechts}}

{{wiki:dokuwiki-128.png |Links}}

{{ 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}}

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}}

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".