DokuWiki

It's better when it's simple

Benutzer-Werkzeuge

Webseiten-Werkzeuge


de:images

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
de:images [2011-02-20 19:07] – [Größenänderungen] flamde:images [2016-10-23 12:33] (aktuell) – "angehangen" gibt es nicht im Deutschen!!! richtig: "angehängt" 92.209.194.109
Zeile 1: Zeile 1:
 ====== Umgang mit Bildern und Medien ====== ====== Umgang mit Bildern und Medien ======
  
-Dateien könnnen in [[DokuWiki]]-Seiten mit Hilfe des [[de:syntax|Bild Syntax]] eingebettet und geuploadet werden. +Dateien können in [[DokuWiki]]-Seiten mit Hilfe der [[de:wiki:syntax#bilder_und_andere_dateien|Bild-Syntax]] eingebettet und hochgeladen werden. 
  
-Während Bilder und Flash Dateien direkt auf der Seite angezeigt werden, werden andere Dateien (z. B. PDF) nur auf der Seite verlinkt. Weitere Details sind unter [[de:mime]] zu finden.+Während Bilder und Flash Dateien direkt auf der Seite angezeigt werden, werden andere Dateien (z. B. PDF) nur auf der Seite verlinkt. Weitere Details sind unter [[de:mime|Mime]] zu finden.
  
 {{:wiki:mediamanager.png?200 |Der Media Manager}} {{:wiki:mediamanager.png?200 |Der Media Manager}}
  
-{{http://wiki.splitbrain.org/lib/images/toolbar/image.png}} Neue Dateien werden mit Hilfe des [[de:mediamanager|Media Managers]] hochgeladen, welcher aus der [[de:toolbar]] heraus aufgerufen wird.+{{http://wiki.splitbrain.org/lib/images/toolbar/image.png}} Neue Dateien werden mit Hilfe des [[de:media_manager|Media Managers]] hochgeladen, welcher aus der [[de:toolbar|Toolbar]] heraus aufgerufen wird.
  
-Zum hochladen kann das obere Formular im Media Manager benutzt werden. Optional kann hier auch ein neuer Name für die Datei gewählt werden. +Zum Hochladen kann das obere Formular im Media Manager benutzt werden. Optional kann hier auch ein neuer Name für die Datei gewählt werden. 
  
 Wird ein [[de:namespaces| Namensraum ]] im Namen verwendet (Namensraum:Datei) wird dieser automatisch hinzugefügt. Es sollte darauf geachtet werden die Dateierweiterung richtig beizubehalten. Wird ein [[de:namespaces| Namensraum ]] im Namen verwendet (Namensraum:Datei) wird dieser automatisch hinzugefügt. Es sollte darauf geachtet werden die Dateierweiterung richtig beizubehalten.
Zeile 16: Zeile 16:
  
  
-Wie Bilder eingebunden werden, kann mit unterschiedlichen Parametern beinflusst werden. Parameter werden wie bei URLs mit einem Fragezeichen (?) angehangen, mehrere Parameter werden durch ein kaufmännisches Und ( & ) geteilt.+Wie Bilder eingebunden werden, kann mit unterschiedlichen Parametern beinflußt werden. Parameter werden wie bei URLs mit einem Fragezeichen (?) angehängt, mehrere Parameter werden durch ein Kaufmännisches Und (&getrennt.
  
 ===== Größenänderungen ===== ===== Größenänderungen =====
  
-DokuWiki kann Bilder auf zwei verschiedene Arten skalieren. Standardmäßig wird PHPs libGD Unterstützung benutzt, wenn es installiert ist.+DokuWiki kann Bilder auf zwei verschiedene Arten skalieren. Standardmäßig wird PHPs LibGD Unterstützung benutzt, wenn es installiert ist.
  
 Bessere Ergebnisse können mit dem Kommandozeilentool [[config:im_convert|Imagemagick]] erreicht werden. Bessere Ergebnisse können mit dem Kommandozeilentool [[config:im_convert|Imagemagick]] erreicht werden.
  
-Bei der Benutzung von libGD, kann die Größenänderung fehlschlagen, wenn nicht genug Speicher verfügbar ist oder das Bildformat nicht von der installierten bGD Version unterstützt wird.+Bei der Benutzung von LibGD, kann die Größenänderung fehlschlagen, wenn nicht genug Speicher verfügbar ist oder das Bildformat nicht von der installierten LibGD Version unterstützt wird.
  
-Um externe Bilder zu skalieren müssen sie auf dem Server gecached werde. Um das zu tun muss DokuWiki erlaubt werden externe Dateien downzuloaden. Dies kann durch die Erhöhunh der Option [[config:fetchsize]]  aktiviert werden. +Um externe Bilder zu skalieren müssen sie auf dem Server zwischengespeichert werden. Um das zu tun muss DokuWiki erlaubt werden externe Dateien herunterzuladen. Dies kann durch die Erhöhung der Option [[config:fetchsize]] aktiviert werden. 
  
-Um ein Bild proportional zu skalieren, muss nur die Breite in Pixeln angehangen werden:+Um ein Bild proportional zu skalieren, muss nur die Breite in Pixeln angehängt werden:
  
   {{wiki:dokuwiki-128.png?20}}   {{wiki:dokuwiki-128.png?20}}
  
 {{wiki:dokuwiki-128.png?20 }} Dieses Bild ist auf eine Breite von 20 Pixeln herunter skaliert. {{wiki:dokuwiki-128.png?20 }} Dieses Bild ist auf eine Breite von 20 Pixeln herunter skaliert.
 +
 +Um ein Bild in der Höhe proportional zu skalieren, muss 0x und die Höhe in Pixeln angehängt werden:
 +
 +  {{wiki:dokuwiki-128.png?0x20}}
 +
 +{{wiki:dokuwiki-128.png?0x20 }} Dieses Bild ist auf eine Höhe von 20 Pixeln herunter skaliert.
 +
  
 Werden Höhe und Breite angegeben, wird das Bild ohne Rücksicht auf das Verhältnis exakt zu dieser Größe skaliert: Werden Höhe und Breite angegeben, wird das Bild ohne Rücksicht auf das Verhältnis exakt zu dieser Größe skaliert:
Zeile 40: Zeile 47:
 {{wiki:dokuwiki-128.png?20x50 }} Dieses Bild ist zu einer Breite von 20 und einer Höhe von 50 Pixeln skaliert.  {{wiki:dokuwiki-128.png?20x50 }} Dieses Bild ist zu einer Breite von 20 und einer Höhe von 50 Pixeln skaliert. 
  
-Ab DokuWiki 2009-02-14 wird das Bild vor der Skalierung zugeschnitten um das Verzerren des Bildes zu verhindern. +Ab DokuWiki 2009-02-14 wird das Bild vor der Skalierung zugeschnitten um ein Verzerren des Bildes zu verhindern. 
  
  
Zeile 47: Zeile 54:
 Werden Bilder mit [[DokuWiki]] auf eine Seite gesetzt, so werden diese standardmäßig zu einer Detailseite mit Informationen zum Bild und einer großen Ansicht verlinkt. Es ist aber auch möglich Bilder mit eigenen Links einzufügen oder diese nicht zu verlinken.  Werden Bilder mit [[DokuWiki]] auf eine Seite gesetzt, so werden diese standardmäßig zu einer Detailseite mit Informationen zum Bild und einer großen Ansicht verlinkt. Es ist aber auch möglich Bilder mit eigenen Links einzufügen oder diese nicht zu verlinken. 
  
-Die standardmäßig verlinkte Detailansicht wird durch die Template Datei ''detail.php'' gesteuert. Das standard Template zeigt hier eine große Version des Bildes sowie einige Details aus den EXIF und IPTC Metainformationen wie z. B. (Untertitel, Autor, Aufnahmedatumetc.). +Die standardmäßig verlinkte Detailansicht wird durch die Template-Datei ''detail.php'' gesteuert. Das Standard-Template zeigt hier eine große Version des Bildes sowie einige Details aus den EXIFund IPTC-Metainformationen wie z. B. (Untertitel, Autor, Aufnahmedatum etc.). 
  
 Der folgende Syntax fügt ein Bild auf eine Seite ein und verlinkt es zu einer Detailseite mit weiteren Informationen: Der folgende Syntax fügt ein Bild auf eine Seite ein und verlinkt es zu einer Detailseite mit weiteren Informationen:
Zeile 55: Zeile 62:
 {{wiki:dokuwiki-128.png?20}} Klicken Sie auf dieses Bild um auf die Detailseite des Bildes zu gelangen. {{wiki:dokuwiki-128.png?20}} Klicken Sie auf dieses Bild um auf die Detailseite des Bildes zu gelangen.
  
-Klickt man auf das Bild auf der Detailseite, so gelangt man zu einer Seite, die nur das Bild in originalgröße anzeigt. +Klickt man auf das Bild auf der Detailseite, so gelangt man zu einer Seite, die nur das Bild in Originalgröße anzeigt. 
  
-Oft fügt man ein Bild in einer kleinen Größe ein, das Bild auf der Detailseite wird in Mitlerer Größe angezeigt, dieser letzte Link bietet das Bild nun in seiner vollen Größe-+Oft fügt man ein Bild in einer kleinen Größe ein, das Bild auf der Detailseite wird in mittlerer Größe angezeigt, dieser letzte Link bietet das Bild nun in seiner vollen Größe an.
  
-Mit dem Parameter ''direct'' zeigt ein Bild nach dem Klicken direkt auf die Originalgröße des Bildes. Dieser Parameter wird einfach wie die Größe an das Bild angehangen:+Mit dem Parameter ''direct'' zeigt ein Bild nach dem Klicken direkt auf die Originalgröße des Bildes. Dieser Parameter wird einfach wie die Größe an das Bild angehängt:
  
   {{wiki:dokuwiki-128.png?direct}}   {{wiki:dokuwiki-128.png?direct}}
Zeile 65: Zeile 72:
 {{wiki:dokuwiki-128.png?20&direct }} Klicken Sie auf dieses Bild um es in Originalgröße anzuzeigen.  {{wiki:dokuwiki-128.png?20&direct }} Klicken Sie auf dieses Bild um es in Originalgröße anzuzeigen. 
  
-Es ist auch möglich ein Bild ganz ohne verlinkung einzufügen. Hierzu wird der Parameter ''nolink'' angehängt:+Es ist auch möglich ein Bild ganz ohne Verlinkung einzufügen. Hierzu wird der Parameter ''nolink'' angehängt:
  
   {{wiki:dokuwiki-128.png?nolink}}   {{wiki:dokuwiki-128.png?nolink}}
Zeile 71: Zeile 78:
 {{wiki:dokuwiki-128.png?20&nolink }} Dieses Bild ist nicht verlinkt. {{wiki:dokuwiki-128.png?20&nolink }} Dieses Bild ist nicht verlinkt.
  
-Die verlinkungs- und Größenparameter des Bildes lassen sich getrennt von einem Kaufmännischen Und ( & ) kombinieren.+Die Verlinkungs- und Größenparameter des Bildes lassen sich getrennt von einem Kaufmännischen Und (&) kombinieren.
  
   {{wiki:dokuwiki-128.png?nolink&100}}   {{wiki:dokuwiki-128.png?nolink&100}}
Zeile 87: Zeile 94:
 ===== Dynamische Bilder ===== ===== Dynamische Bilder =====
  
-Manchmal möchte man ein dynamisches Bild einfüge, wie [[http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54|dieses]].+Manchmal möchte man ein dynamisches Bild einfügen, wie [[http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54|dieses]].
  
 Diese Methode: Diese Methode:
Zeile 99: Zeile 106:
 Dies liegt daran, das [[DokuWiki]] Bilder mit der Dateiendung ''.gif'',''.jpg'' or ''.png'' verknüpft, diese Datei endet allerdings mit ''.php''. Der Trick liegt darin einen zusätzlichen Parameter wie z.B. ''&.png'' an die URL anzuhängen, dieser Parameter wird ignoriert aber DokuWiki denkt es handele sich um ein Bild. Dies liegt daran, das [[DokuWiki]] Bilder mit der Dateiendung ''.gif'',''.jpg'' or ''.png'' verknüpft, diese Datei endet allerdings mit ''.php''. Der Trick liegt darin einen zusätzlichen Parameter wie z.B. ''&.png'' an die URL anzuhängen, dieser Parameter wird ignoriert aber DokuWiki denkt es handele sich um ein Bild.
  
-Zusätzlich muss ein zusätzliches Fragezeichen an das Ende gestellt werden um zu verhindern, das DokuWiki die Parameter für Caching Optionen hällt+Zusätzlich muss ein zusätzliches Fragezeichen an das Ende gestellt werden um zu verhindern, das DokuWiki die Parameter für Caching-Optionen hält
  
 {{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54&.png?}} {{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54&.png?}}
Zeile 109: Zeile 116:
  
 Manchmal ist es nötig Bilder wieder zu löschen, welche zuvor hochgeladen wurden. Um dies zu machen muss die [[de:ACL]] Funktion aktiviert werden  und der Benutzer Löschrechte besitzen. Ist dies gegeben, so können Medien über das Mülleimer Symbol im Media Manager gelöscht werden. Manchmal ist es nötig Bilder wieder zu löschen, welche zuvor hochgeladen wurden. Um dies zu machen muss die [[de:ACL]] Funktion aktiviert werden  und der Benutzer Löschrechte besitzen. Ist dies gegeben, so können Medien über das Mülleimer Symbol im Media Manager gelöscht werden.
- 
  
 Siehe auch: [[de:faq:deletemedia|Mediadateien löschen]] Siehe auch: [[de:faq:deletemedia|Mediadateien löschen]]
  
  
-===== Bild links =====+===== Bild verlinken =====
  
-Um ein Bild zu verlinken, reicht es das Bild wie einen normalen Tet mit einem Link zu umschließen. +Um ein Bild zu verlinken, reicht es das Bild wie einen normalen Text mit einem Link zu umschließen. 
  
   Beispiel:  [[http://www.google.com|{{wiki:dokuwiki-128.png}}]]   Beispiel:  [[http://www.google.com|{{wiki:dokuwiki-128.png}}]]
Zeile 122: Zeile 128:
 Beispiel:  [[http://www.google.com|{{wiki:dokuwiki-128.png}}]] Beispiel:  [[http://www.google.com|{{wiki:dokuwiki-128.png}}]]
  
-===== Caching =====+===== Caching (Zwischenspeicherung) =====
  
-Um die Performance für die Benutzer zu steigern, versucht DokuWiki externe Bilder zu Cachen. Ist dies nicht gewünscht, so kann der ''nocache'' Parameter angehangen werden:+Um die Performance für die Benutzer zu steigern, versucht DokuWiki externe Bilder zu cachen. Ist dies nicht gewünscht, so kann der ''nocache'' Parameter angehängt werden:
  
   {{http://de3.php.net/images/php.gif?nocache}}   {{http://de3.php.net/images/php.gif?nocache}}
de/images.1298225235.txt.gz · Zuletzt geändert: 2011-02-20 19:07 von flam

Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki