CINXE.COM

<!DOCTYPE html> <html lang="de" dir="ltr" class="no-js"> <head> <meta charset="utf-8" /> <title>de:images [DokuWiki]</title> <meta name="generator" content="DokuWiki"/> <meta name="theme-color" content="#008800"/> <meta name="robots" content="index,follow"/> <meta name="keywords" content="de,images"/> <link rel="search" type="application/opensearchdescription+xml" href="/lib/exe/opensearch.php" title="DokuWiki"/> <link rel="start" href="/"/> <link rel="contents" href="/de:images?do=index" title="Übersicht"/> <link rel="manifest" href="/lib/exe/manifest.php"/> <link rel="alternate" type="application/rss+xml" title="Letzte Änderungen" href="/feed.php"/> <link rel="alternate" type="application/rss+xml" title="Aktueller Namensraum" href="/feed.php?mode=list&ns=de"/> <link rel="edit" title="Diese Seite bearbeiten" href="/de:images?do=edit"/> <link rel="alternate" type="text/html" title="HTML Klartext" href="/_export/xhtml/de:images"/> <link rel="alternate" type="text/plain" title="Wiki Markup" href="/_export/raw/de:images"/> <link rel="canonical" href="https://www.dokuwiki.org/de:images"/> <link rel="stylesheet" href="/lib/exe/css.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e"/> <link rel="alternate" hreflang="en" href="https://www.dokuwiki.org/images"/> <link rel="alternate" hreflang="da" href="https://www.dokuwiki.org/da:images"/> <link rel="alternate" hreflang="es" href="https://www.dokuwiki.org/es:images"/> <link rel="alternate" hreflang="fr" href="https://www.dokuwiki.org/fr:images"/> <link rel="alternate" hreflang="it" href="https://www.dokuwiki.org/it:images"/> <link rel="alternate" hreflang="ja" href="https://www.dokuwiki.org/ja:images"/> <link rel="alternate" hreflang="ko" href="https://www.dokuwiki.org/ko:images"/> <link rel="alternate" hreflang="nl" href="https://www.dokuwiki.org/nl:images"/> <link rel="alternate" hreflang="pl" href="https://www.dokuwiki.org/pl:images"/> <link rel="alternate" hreflang="pt-br" href="https://www.dokuwiki.org/pt-br:images"/> <link rel="alternate" hreflang="ru" href="https://www.dokuwiki.org/ru:images"/> <link rel="alternate" hreflang="zh" href="https://www.dokuwiki.org/zh:images"/> <link rel="alternate" hreflang="x-default" href="https://www.dokuwiki.org/images"/> <script >var NS='de';var JSINFO = {"plugins":{"edittable":{"default columnwidth":""}},"id":"de:images","namespace":"de","ACT":"show","useHeadingNavigation":0,"useHeadingContent":0};(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" defer="defer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" defer="defer"></script> <script src="/lib/exe/js.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e&lang=de" defer="defer"></script> <meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="shortcut icon" href="/lib/tpl/dokuwiki/images/favicon.ico" /> <link rel="apple-touch-icon" href="/lib/tpl/dokuwiki/images/apple-touch-icon.png" /> <meta name="verify-v1" content="OVxl3gsCv2MhZqh1cBQyl0JytWXSwXMjyvwc+4w3WtA=" /> <meta name="google-site-verification" content="YhTVK69hW94ZXUtc2zSLPxTkZKbZIn0zK67mz5WQB-E" />  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-83791-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-83791-1', { 'anonymize_ip': true }); </script> </head> <body> <div id="dokuwiki__site"><div id="dokuwiki__top" class="site dokuwiki mode_show tpl_dokuwiki showSidebar hasSidebar">  <header id="dokuwiki__header"><div class="pad group"> <div class="headings group"> <ul class="a11y skip"> <li><a href="#dokuwiki__content">zum Inhalt springen</a></li> </ul> <h1 class="logo"><a href="/start" accesskey="h" title="Startseite [h]"><img src="/lib/tpl/dokuwiki/images/logo.png" width="64" height="64" alt="" /><span>DokuWiki</span></a></h1> <p class="claim">It's better when it's simple</p> </div> <div class="tools group">  <div id="dokuwiki__usertools"> <h3 class="a11y">Benutzer-Werkzeuge</h3> <ul> <li class="action login"><a href="/de:images?do=login&sectok=" title="Anmelden" rel="nofollow"><span>Anmelden</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 17.25V14H3v-4h7V6.75L15.25 12 10 17.25M8 2h9a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-4h2v4h9V4H8v4H6V4a2 2 0 0 1 2-2z"/></svg></a></li> </ul> </div>  <div id="dokuwiki__sitetools"> <h3 class="a11y">Webseiten-Werkzeuge</h3> <form action="/start" method="get" role="search" class="search doku_form" id="dw__search" accept-charset="utf-8"><input type="hidden" name="do" value="search" /><input type="hidden" name="id" value="de:images" /><div class="no"><input name="q" type="text" class="edit" title="[F]" accesskey="f" placeholder="Suche" autocomplete="on" id="qsearch__in" value="" /><button value="1" type="submit" title="Suche">Suche</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form> <div class="mobileTools"> <form action="/doku.php" method="get" accept-charset="utf-8"><div class="no"><input type="hidden" name="id" value="de:images" /><select name="do" class="edit quickselect" title="Werkzeuge"><option value="">Werkzeuge</option><optgroup label="Seiten-Werkzeuge"><option value="edit">Diese Seite bearbeiten</option><option value="revisions">Ältere Versionen</option><option value="backlink">Links hierher</option></optgroup><optgroup label="Webseiten-Werkzeuge"><option value="recent">Letzte Änderungen</option><option value="media">Medien-Manager</option><option value="index">Übersicht</option></optgroup><optgroup label="Benutzer-Werkzeuge"><option value="login">Anmelden</option></optgroup></select><button type="submit">></button></div></form> </div> <ul> <li class="action recent"><a href="/de:images?do=recent" title="Letzte Änderungen [r]" rel="nofollow" accesskey="r">Letzte Änderungen</a></li><li class="action media"><a href="/de:images?do=media&ns=de" title="Medien-Manager" rel="nofollow">Medien-Manager</a></li><li class="action index"><a href="/de:images?do=index" title="Übersicht [x]" rel="nofollow" accesskey="x">Übersicht</a></li> </ul> </div> </div>  <div class="breadcrumbs"> <div class="trace"><span class="bchead">Zuletzt angesehen:</span> <span class="bcsep">•</span> <span class="curid"><bdi><a href="/de:images" class="breadcrumbs" title="de:images">images</a></bdi></span></div> </div> <hr class="a11y" /> </div></header> <div class="wrapper group">  <nav id="dokuwiki__aside" aria-label="Seitenleiste"><div class="pad aside include group"> <h3 class="toggle">Seitenleiste</h3> <div class="content"><div class="group"> <div class="notify">Diese Übersetzung ist älter als das <a href="/images" class="wikilink1">Original</a> und ist eventuell veraltet. <a href="/images?do=diff&rev=1461323704" class="wikilink1">Änderungen</a> zeigen.</div><div class="plugin_translation is-dropdown"><span class="title">Übersetzungen dieser Seite<sup><a href="/localization" class="wikilink1" title="localization" data-wiki-id="localization">?</a></sup>: </span><ul><li class="a"><a class="wikilink1" title="English" href="/images">English (en)</a></li><li class="a"><a class="wikilink2" title="|العربية" href="/ar:images">|العربية (ar)</a></li><li class="a"><a class="wikilink2" title="Català" href="/ca:images">Català (ca)</a></li><li class="a"><a class="wikilink2" title="Česky" href="/cs:images">Česky (cs)</a></li><li class="a"><a class="wikilink1" title="Dansk" href="/da:images">Dansk (da)</a></li><li class="span"><span class="wikilink1" title="Deutsch">Deutsch (de)</span></li><li class="a"><a class="wikilink2" title="Ελληνικά" href="/el:images">Ελληνικά (el)</a></li><li class="a"><a class="wikilink2" title="Esperanto" href="/eo:images">Esperanto (eo)</a></li><li class="a"><a class="wikilink1" title="Español" href="/es:images">Español (es)</a></li><li class="a"><a class="wikilink2" title="فارسی" href="/fa:images">فارسی (fa)</a></li><li class="a"><a class="wikilink1" title="Français" href="/fr:images">Français (fr)</a></li><li class="a"><a class="wikilink2" title="עברית" href="/he:images">עברית (he)</a></li><li class="a"><a class="wikilink2" title="Magyar" href="/hu:images">Magyar (hu)</a></li><li class="a"><a class="wikilink1" title="Italiano" href="/it:images">Italiano (it)</a></li><li class="a"><a class="wikilink1" title="日本語" href="/ja:images">日本語 (ja)</a></li><li class="a"><a class="wikilink1" title="한국어" href="/ko:images">한국어 (ko)</a></li><li class="a"><a class="wikilink2" title="Lietuvių Kalba" href="/lt:images">Lietuvių Kalba (lt)</a></li><li class="a"><a class="wikilink1" title="Nederlands" href="/nl:images">Nederlands (nl)</a></li><li class="a"><a class="wikilink2" title="Norsk" href="/no:images">Norsk (no)</a></li><li class="a"><a class="wikilink1" title="Polski" href="/pl:images">Polski (pl)</a></li><li class="a"><a class="wikilink1" title="Português" href="/pt-br:images">Português (pt-br)</a></li><li class="a"><a class="wikilink2" title="Română" href="/ro:images">Română (ro)</a></li><li class="a"><a class="wikilink1" title="Русский" href="/ru:images">Русский (ru)</a></li><li class="a"><a class="wikilink2" title="Српски Језик" href="/sr:images">Српски Језик (sr)</a></li><li class="a"><a class="wikilink2" title="Svenska" href="/sv:images">Svenska (sv)</a></li><li class="a"><a class="wikilink2" title="ไทย" href="/th:images">ไทย (th)</a></li><li class="a"><a class="wikilink2" title="Українська" href="/uk:images">Українська (uk)</a></li><li class="a"><a class="wikilink1" title="中文" href="/zh:images">中文 (zh)</a></li><li class="a"><a class="wikilink2" title="繁體中文" href="/zh-tw:images">繁體中文 (zh-tw)</a></li></ul></div> <p> <strong>Erfahre mehr über DokuWiki</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/de:features" class="wikilink1" title="de:features" data-wiki-id="de:features">Eigenschaften</a> & <a href="/blogroll" class="wikilink1" title="blogroll" data-wiki-id="blogroll">Artikel</a> </div> </li> <li class="level1"><div class="li"> <a href="/de:install" class="wikilink1" title="de:install" data-wiki-id="de:install">Installationsanleitung</a></div> </li> <li class="level1"><div class="li"> <a href="/de:manual" class="wikilink1" title="de:manual" data-wiki-id="de:manual">DokuWiki Handbuch</a> & <a href="/de:wiki:syntax" class="wikilink1" title="de:wiki:syntax" data-wiki-id="de:wiki:syntax">Syntax</a></div> </li> <li class="level1"><div class="li"> <a href="/de:changes" class="wikilink1" title="de:changes" data-wiki-id="de:changes">Versionshinweise</a></div> </li> <li class="level1"><div class="li"> <a href="/de:faq" class="wikilink1" title="de:faq" data-wiki-id="de:faq">FAQ</a></div> </li> </ul> <p> <strong>DokuWiki erweitern</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/de:extensions" class="wikilink1" title="de:extensions" data-wiki-id="de:extensions">Erweiterungen</a></div> </li> <li class="level1"><div class="li"> <a href="/development" class="wikilink1" title="development" data-wiki-id="development">Entwickler Handbuch</a></div> </li> </ul> <p> <strong>Geschäftliche Nutzung</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/de:faq:support" class="wikilink1" title="de:faq:support" data-wiki-id="de:faq:support">Unterstützung erhalten</a></div> </li> <li class="level1"><div class="li"> <a href="/de:donate" class="wikilink1" title="de:donate" data-wiki-id="de:donate">Spenden</a></div> </li> </ul> <p> <strong>Unsere Community</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/teams:getting_involved" class="wikilink1" title="teams:getting_involved" data-wiki-id="teams:getting_involved">Bring Dich ein</a></div> </li> <li class="level1"><div class="li"> <a href="http://forum.dokuwiki.org" class="urlextern" title="http://forum.dokuwiki.org">Nutzer Forum</a></div> </li> <li class="level1"><div class="li"> <a href="/newsletter" class="wikilink1" title="newsletter" data-wiki-id="newsletter">Newsletter</a></div> </li> <li class="level1"><div class="li"> <a href="/mailinglist" class="wikilink1" title="mailinglist" data-wiki-id="mailinglist">Entwickler Mailingliste</a></div> </li> </ul> <hr /> <p> Folge uns auf <a href="http://www.facebook.com/pages/DokuWiki/52877633616" class="urlextern" title="http://www.facebook.com/pages/DokuWiki/52877633616">Facebook</a>, <a href="http://twitter.com/dokuwiki" class="urlextern" title="http://twitter.com/dokuwiki">Twitter</a> und anderen <a href="/de:social" class="wikilink1" title="de:social" data-wiki-id="de:social">Sozialen Netzwerken</a>. </p> </div></div> </div></nav>  <main id="dokuwiki__content"><div class="pad group"> <div class="pageId"><span>de:images</span></div> <div class="page group">   <div id="dw__toc" class="dw__toc"> <h3 class="toggle">Inhaltsverzeichnis</h3> <div> <ul class="toc"> <li class="level1"><div class="li"><a href="#umgang_mit_bildern_und_medien">Umgang mit Bildern und Medien</a></div> <ul class="toc"> <li class="level2"><div class="li"><a href="#groessenaenderungen">Größenänderungen</a></div></li> <li class="level2"><div class="li"><a href="#verlinkungen">Verlinkungen</a></div></li> <li class="level2"><div class="li"><a href="#dynamische_bilder">Dynamische Bilder</a></div></li> <li class="level2"><div class="li"><a href="#medien_entfernen">Medien entfernen</a></div></li> <li class="level2"><div class="li"><a href="#bild_verlinken">Bild verlinken</a></div></li> <li class="level2"><div class="li"><a href="#caching_zwischenspeicherung">Caching (Zwischenspeicherung)</a></div></li> </ul></li> </ul> </div> </div>  <h1 class="sectionedit1" id="umgang_mit_bildern_und_medien">Umgang mit Bildern und Medien</h1> <div class="level1"> <p> Dateien können in <a href="/de:dokuwiki" class="wikilink1" title="de:dokuwiki" data-wiki-id="de:dokuwiki">DokuWiki</a>-Seiten mit Hilfe der <a href="/de:wiki:syntax#bilder_und_andere_dateien" class="wikilink1" title="de:wiki:syntax" data-wiki-id="de:wiki:syntax">Bild-Syntax</a> eingebettet und hochgeladen werden. </p> <p> 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 <a href="/de:mime" class="wikilink1" title="de:mime" data-wiki-id="de:mime">Mime</a> zu finden. </p> <p> <a href="/_detail/wiki:mediamanager.png?id=de%3Aimages" class="media" title="wiki:mediamanager.png"><img src="/_media/wiki:mediamanager.png?w=200&tok=b6da55" class="medialeft" loading="lazy" title="Der Media Manager" alt="Der Media Manager" width="200" /></a> </p> <p> <a href="/lib/exe/fetch.php?tok=bd5780&media=http%3A%2F%2Fwiki.splitbrain.org%2Flib%2Fimages%2Ftoolbar%2Fimage.png" class="media" title="http://wiki.splitbrain.org/lib/images/toolbar/image.png"><img src="/lib/exe/fetch.php?tok=bd5780&media=http%3A%2F%2Fwiki.splitbrain.org%2Flib%2Fimages%2Ftoolbar%2Fimage.png" class="media" loading="lazy" alt="" /></a> Neue Dateien werden mit Hilfe des <a href="/de:media_manager" class="wikilink1" title="de:media_manager" data-wiki-id="de:media_manager">Media Managers</a> hochgeladen, welcher aus der <a href="/de:toolbar" class="wikilink1" title="de:toolbar" data-wiki-id="de:toolbar">Toolbar</a> heraus aufgerufen wird. </p> <p> 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. </p> <p> Wird ein <a href="/de:namespaces" class="wikilink1" title="de:namespaces" data-wiki-id="de:namespaces"> Namensraum </a> im Namen verwendet (Namensraum:Datei) wird dieser automatisch hinzugefügt. Es sollte darauf geachtet werden die Dateierweiterung richtig beizubehalten. </p> <p> Notiz: Wenn der Administrator <a href="/de:acl" class="wikilink1" title="de:acl" data-wiki-id="de:acl">ACL</a> aktiviert hat, kann der Upload auf einige Benutzer beschränkt sein. Benutzer ohne Uploadrechte sehen dieses Formular nicht. </p> <p> 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. </p> </div> <div class="secedit editbutton_section editbutton_1"><form class="button btn_secedit" method="post" action="/de:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1477218819" /><input type="hidden" name="summary" value="[Umgang mit Bildern und Medien] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="umgang_mit_bildern_und_medien" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1-1375" /><button type="submit" title="Umgang mit Bildern und Medien">Bearbeiten</button></div></form></div> <h2 class="sectionedit2" id="groessenaenderungen">Größenänderungen</h2> <div class="level2"> <p> DokuWiki kann Bilder auf zwei verschiedene Arten skalieren. Standardmäßig wird PHPs LibGD Unterstützung benutzt, wenn es installiert ist. </p> <p> Bessere Ergebnisse können mit dem Kommandozeilentool <a href="/config:im_convert" class="wikilink1" title="config:im_convert" data-wiki-id="config:im_convert">Imagemagick</a> erreicht werden. </p> <p> 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. </p> <p> 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 <a href="/config:fetchsize" class="wikilink1" title="config:fetchsize" data-wiki-id="config:fetchsize">fetchsize</a> aktiviert werden. </p> <p> Um ein Bild proportional zu skalieren, muss nur die Breite in Pixeln angehängt werden: </p> <pre class="code">{{wiki:dokuwiki-128.png?20}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=de%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=20&tok=6e3b79" class="medialeft" loading="lazy" alt="" width="20" /></a> Dieses Bild ist auf eine Breite von 20 Pixeln herunter skaliert. </p> <p> Um ein Bild in der Höhe proportional zu skalieren, muss 0x und die Höhe in Pixeln angehängt werden: </p> <pre class="code">{{wiki:dokuwiki-128.png?0x20}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=de%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?h=20&tok=6e3b79" class="medialeft" loading="lazy" alt="" height="20" /></a> Dieses Bild ist auf eine Höhe von 20 Pixeln herunter skaliert. </p> <p> Werden Höhe und Breite angegeben, wird das Bild ohne Rücksicht auf das Verhältnis exakt zu dieser Größe skaliert: </p> <pre class="code">{{wiki:dokuwiki-128.png?20x50}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=de%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=20&h=50&tok=506fdd" class="medialeft" loading="lazy" alt="" width="20" height="50" /></a> Dieses Bild ist zu einer Breite von 20 und einer Höhe von 50 Pixeln skaliert. </p> <p> Ab DokuWiki 2009-02-14 wird das Bild vor der Skalierung zugeschnitten um ein Verzerren des Bildes zu verhindern. </p> </div> <div class="secedit editbutton_section editbutton_2"><form class="button btn_secedit" method="post" action="/de:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1477218819" /><input type="hidden" name="summary" value="[Größenänderungen] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="groessenaenderungen" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1376-2931" /><button type="submit" title="Größenänderungen">Bearbeiten</button></div></form></div> <h2 class="sectionedit3" id="verlinkungen">Verlinkungen</h2> <div class="level2"> <p> Werden Bilder mit <a href="/de:dokuwiki" class="wikilink1" title="de:dokuwiki" data-wiki-id="de:dokuwiki">DokuWiki</a> 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. </p> <p> Die standardmäßig verlinkte Detailansicht wird durch die Template-Datei <code>detail.php</code> 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, Aufnahmedatum etc.). </p> <p> Der folgende Syntax fügt ein Bild auf eine Seite ein und verlinkt es zu einer Detailseite mit weiteren Informationen: </p> <pre class="code">{{wiki:dokuwiki-128.png}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=de%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=20&tok=6e3b79" class="media" loading="lazy" alt="" width="20" /></a> Klicken Sie auf dieses Bild um auf die Detailseite des Bildes zu gelangen. </p> <p> Klickt man auf das Bild auf der Detailseite, so gelangt man zu einer Seite, die nur das Bild in Originalgröße anzeigt. </p> <p> 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. </p> <p> Mit dem Parameter <code>direct</code> 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: </p> <pre class="code">{{wiki:dokuwiki-128.png?direct}}</pre> <p> <a href="/_media/wiki:dokuwiki-128.png" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=20&tok=6e3b79" class="medialeft" loading="lazy" alt="" width="20" /></a> Klicken Sie auf dieses Bild um es in Originalgröße anzuzeigen. </p> <p> Es ist auch möglich ein Bild ganz ohne Verlinkung einzufügen. Hierzu wird der Parameter <code>nolink</code> angehängt: </p> <pre class="code">{{wiki:dokuwiki-128.png?nolink}}</pre> <p> <img src="/_media/wiki:dokuwiki-128.png?w=20&tok=6e3b79" class="medialeft" loading="lazy" alt="" width="20" /> Dieses Bild ist nicht verlinkt. </p> <p> Die Verlinkungs- und Größenparameter des Bildes lassen sich getrennt von einem Kaufmännischen Und (&) kombinieren. </p> <pre class="code">{{wiki:dokuwiki-128.png?nolink&100}}</pre> <p> <img src="/_media/wiki:dokuwiki-128.png?w=100&tok=f4967e" class="media" loading="lazy" alt="" width="100" /> </p> <p> Um einen Link zu einem Bild einzufügen, ohne das Bild selber auf der Seite anzuzeigen, wird der Parameter <code>linkonly</code> benutzt. </p> <pre class="code">{{wiki:dokuwiki-128.png?linkonly}}</pre> <p> <a href="/_media/wiki:dokuwiki-128.png" class="media mediafile mf_png" title="wiki:dokuwiki-128.png (27.2 KB)">dokuwiki-128.png</a> Dies ist nur ein Link zu einem Bild. </p> </div> <div class="secedit editbutton_section editbutton_3"><form class="button btn_secedit" method="post" action="/de:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1477218819" /><input type="hidden" name="summary" value="[Verlinkungen] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="verlinkungen" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="2932-5044" /><button type="submit" title="Verlinkungen">Bearbeiten</button></div></form></div> <h2 class="sectionedit4" id="dynamische_bilder">Dynamische Bilder</h2> <div class="level2"> <p> Manchmal möchte man ein dynamisches Bild einfügen, wie <a href="http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54" class="urlextern" title="http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54">dieses</a>. </p> <p> Diese Methode: </p> <pre class="code">{{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54}}</pre> <p> funktioniert nicht: </p> <p> <a href="/lib/exe/fetch.php?tok=10f402&media=http%3A%2F%2Fkalsey.com%2Ftools%2Fbuttonmaker%2Fbutton.php" class="media mediafile mf_php" title="http://kalsey.com/tools/buttonmaker/button.php">button.php</a> </p> <p> Dies liegt daran, das <a href="/de:dokuwiki" class="wikilink1" title="de:dokuwiki" data-wiki-id="de:dokuwiki">DokuWiki</a> Bilder mit der Dateiendung <code>.gif</code>,<code>.jpg</code> or <code>.png</code> verknüpft, diese Datei endet allerdings mit <code>.php</code>. Der Trick liegt darin einen zusätzlichen Parameter wie z.B. <code>&.png</code> an die <abbr title="Uniform Resource Locator">URL</abbr> anzuhängen, dieser Parameter wird ignoriert aber DokuWiki denkt es handele sich um ein Bild. </p> <p> 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. </p> <p> <a href="/lib/exe/fetch.php?tok=4f9752&media=http%3A%2F%2Fkalsey.com%2Ftools%2Fbuttonmaker%2Fbutton.php%3FbarPosition%3D50%26leftText%3DDynamic%26leftTextColor%3Dffffff%26rightText%3DIMG%26rightTextPosition%3D54%26.png" class="media" title="http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54&.png"><img src="/lib/exe/fetch.php?tok=4f9752&media=http%3A%2F%2Fkalsey.com%2Ftools%2Fbuttonmaker%2Fbutton.php%3FbarPosition%3D50%26leftText%3DDynamic%26leftTextColor%3Dffffff%26rightText%3DIMG%26rightTextPosition%3D54%26.png" class="media" loading="lazy" alt="" /></a> </p> <pre class="code">{{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54&.png?}}</pre> </div> <div class="secedit editbutton_section editbutton_4"><form class="button btn_secedit" method="post" action="/de:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1477218819" /><input type="hidden" name="summary" value="[Dynamische Bilder] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="dynamische_bilder" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="5045-6370" /><button type="submit" title="Dynamische Bilder">Bearbeiten</button></div></form></div> <h2 class="sectionedit5" id="medien_entfernen">Medien entfernen</h2> <div class="level2"> <p> Manchmal ist es nötig Bilder wieder zu löschen, welche zuvor hochgeladen wurden. Um dies zu machen muss die <a href="/de:acl" class="wikilink1" title="de:acl" data-wiki-id="de:acl">ACL</a> 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. </p> <p> Siehe auch: <a href="/de:faq:deletemedia" class="wikilink1" title="de:faq:deletemedia" data-wiki-id="de:faq:deletemedia">Mediadateien löschen</a> </p> </div> <div class="secedit editbutton_section editbutton_5"><form class="button btn_secedit" method="post" action="/de:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1477218819" /><input type="hidden" name="summary" value="[Medien entfernen] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="medien_entfernen" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="6371-6747" /><button type="submit" title="Medien entfernen">Bearbeiten</button></div></form></div> <h2 class="sectionedit6" id="bild_verlinken">Bild verlinken</h2> <div class="level2"> <p> Um ein Bild zu verlinken, reicht es das Bild wie einen normalen Text mit einem Link zu umschließen. </p> <pre class="code">Beispiel: [[http://www.google.com|{{wiki:dokuwiki-128.png}}]]</pre> <p> Beispiel: <a href="http://www.google.com" class="media" title="http://www.google.com"><img src="/_media/wiki:dokuwiki-128.png" class="media" loading="lazy" alt="" /></a> </p> </div> <div class="secedit editbutton_section editbutton_6"><form class="button btn_secedit" method="post" action="/de:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1477218819" /><input type="hidden" name="summary" value="[Bild verlinken] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="bild_verlinken" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="6748-7008" /><button type="submit" title="Bild verlinken">Bearbeiten</button></div></form></div> <h2 class="sectionedit7" id="caching_zwischenspeicherung">Caching (Zwischenspeicherung)</h2> <div class="level2"> <p> Um die Performance für die Benutzer zu steigern, versucht DokuWiki externe Bilder zu cachen. Ist dies nicht gewünscht, so kann der <code>nocache</code> Parameter angehängt werden: </p> <pre class="code">{{http://de3.php.net/images/php.gif?nocache}}</pre> <p> Dies kann auch mit anderen Parametern kombiniert werden. </p> <pre class="code">{{http://de3.php.net/images/php.gif?300x50&nocache}}</pre> <p> Bei jedem Seitenaufruf eine Anfrage an einen externen Server zu senden, ist nicht sehr höflich. Anstelle dessen kann der Parameter <code>recache</code> benutzt werden um das Bild nach dem in <a href="/de:config:cachetime" class="wikilink1" title="de:config:cachetime" data-wiki-id="de:config:cachetime">cachetime config option</a> festgelegten Intervall neu von einem externen Server zu laden. </p> <pre class="code">{{http://de3.php.net/images/php.gif?recache}}</pre> </div> <div class="secedit editbutton_section editbutton_7"><form class="button btn_secedit" method="post" action="/de:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1477218819" /><input type="hidden" name="summary" value="[Caching (Zwischenspeicherung)] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="caching_zwischenspeicherung" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="7009-" /><button type="submit" title="Caching (Zwischenspeicherung)">Bearbeiten</button></div></form></div>  </div> <div class="docInfo"><bdi>de/images.txt</bdi> · Zuletzt geändert: <time datetime="2016-10-23T12:33:39+0200">2016-10-23 12:33</time> von <bdi>92.209.194.109</bdi></div> <hr class="a11y" /> </div></main>  <nav id="dokuwiki__pagetools" aria-labelledby="dokuwiki__pagetools__heading"> <h3 class="a11y" id="dokuwiki__pagetools__heading">Seiten-Werkzeuge</h3> <div class="tools"> <ul> <li class="edit"><a href="/de:images?do=edit" title="Diese Seite bearbeiten [e]" rel="nofollow" accesskey="e"><span>Diese Seite bearbeiten</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg></a></li><li class="revs"><a href="/de:images?do=revisions" title="Ältere Versionen [o]" rel="nofollow" accesskey="o"><span>Ältere Versionen</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 7v5.11l4.71 2.79.79-1.28-4-2.37V7m0-5C8.97 2 5.91 3.92 4.27 6.77L2 4.5V11h6.5L5.75 8.25C6.96 5.73 9.5 4 12.5 4a7.5 7.5 0 0 1 7.5 7.5 7.5 7.5 0 0 1-7.5 7.5c-3.27 0-6.03-2.09-7.06-5h-2.1c1.1 4.03 4.77 7 9.16 7 5.24 0 9.5-4.25 9.5-9.5A9.5 9.5 0 0 0 12.5 2z"/></svg></a></li><li class="backlink"><a href="/de:images?do=backlink" title="Links hierher" rel="nofollow"><span>Links hierher</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24m2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42z"/></svg></a></li><li class="top"><a href="#dokuwiki__top" title="Nach oben [t]" rel="nofollow" accesskey="t"><span>Nach oben</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12z"/></svg></a></li> </ul> </div> </nav> </div>  <footer id="dokuwiki__footer"><div class="pad"> <div class="license">Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: <bdi><a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license" class="urlextern">CC Attribution-Share Alike 4.0 International</a></bdi></div> <div class="buttons"> <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license"><img src="/lib/images/license/button/cc-by-sa.png" alt="CC Attribution-Share Alike 4.0 International" /></a> <a href="https://www.dokuwiki.org/donate" title="Donate" ><img src="/lib/tpl/dokuwiki/images/button-donate.gif" width="80" height="15" alt="Donate" /></a> <a href="https://php.net" title="Powered by PHP" ><img src="/lib/tpl/dokuwiki/images/button-php.gif" width="80" height="15" alt="Powered by PHP" /></a> <a href="//validator.w3.org/check/referer" title="Valid HTML5" ><img src="/lib/tpl/dokuwiki/images/button-html5.png" width="80" height="15" alt="Valid HTML5" /></a> <a href="//jigsaw.w3.org/css-validator/check/referer?profile=css3" title="Valid CSS" ><img src="/lib/tpl/dokuwiki/images/button-css.png" width="80" height="15" alt="Valid CSS" /></a> <a href="https://dokuwiki.org/" title="Driven by DokuWiki" ><img src="/lib/tpl/dokuwiki/images/button-dw.png" width="80" height="15" alt="Driven by DokuWiki" /></a> </div> <div style="margin-top: 2em; font-size:90%" class="dokuwiki"><div style="float:right"><a href="http://www.splitbrain.org/personal#imprint" style="float:right; text-decoration: none; color:#333">Imprint</a></div></div> <style type="text/css"> @media screen { body { padding-top: 30px; } #global__header { position: absolute; top: 0; left: 0; text-align: left; vertical-align: middle; line-height: 1.5; background-color: #333; box-shadow: 0 0 8px rgba(0,0,0,0.5); width: 100%; margin: 0; padding: 5px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; } #global__header h2 { position: absolute; left: -99999em; top: 0; overflow: hidden; display: inline; } #global__header ul, #global__header li { margin: 0; padding: 0; list-style: none; display: inline; line-height: 1.5; } #global__header a { color: #bbb; text-decoration: none; margin-right: 20px; font-size: 14px; font-weight: normal; } #global__header a:hover, #global__header a:active, #global__header a:focus { color: #fff; text-decoration: underline; } #global__header form { float: right; margin: 0 0 0 20px; } #global__header input { background-color: #333; background-image: none; border: 1px solid #bbb; color: #fff; box-shadow: none; border-radius: 2px; margin: 0; line-height: normal; padding: 1px 0 1px 0; height: auto; } #global__header input.button { border: none; color: #bbb; } #global__header input.button:hover, #global__header input.button:active, #global__header input.button:focus { color: #fff; text-decoration: underline; } } /* /@media */ @media only screen and (min-width: 601px) { /* changes specific for www.dokuwiki.org */ #dokuwiki__header { padding-top: 3em; } #dokuwiki__usertools { top: 3em; } /* changes specific for bugs.dokuwiki.org */ div#container div#showtask { top: 40px; } } /* /@media */ @media only screen and (max-width: 600px) { body { padding-top: 0; } #global__header { position: static; white-space: normal; overflow: auto; } #global__header form { float: none; display: block; margin: 0 0 .4em; } } /* /@media */ @media print { #global__header { display: none; } } /* /@media */ </style> <div id="global__header"> <h2>Global DokuWiki Links</h2> <form method="get" action="https://search.dokuwiki.org/" target="_top"> <input type="text" name="q" title="Search all DokuWiki sites at once" class="input" /> <input type="submit" title="Search all DokuWiki sites at once" value="Search" class="button" /> </form> <ul> <li><a href="https://download.dokuwiki.org" title="Download the latest release" target="_top">Download</a></li> <li><a href="https://www.dokuwiki.org" title="Read the DokuWiki documentation" target="_top">Wiki</a></li> <li><a href="https://forum.dokuwiki.org" title="Ask questions in the DokuWiki forum" target="_top">Forum</a></li> <li><a href="https://irc.dokuwiki.org" title="Check IRC chat logs or join the chat" target="_top">IRC</a></li> <li><a href="https://github.com/splitbrain/dokuwiki/issues" title="Report and track bugs" target="_top">Bugs</a></li> <li><a href="https://translate.dokuwiki.org/" title="Help translating the DokuWiki interface" target="_top">Translate</a></li> <li><a href="https://github.com/splitbrain/dokuwiki" title="Access the most recent git commits" target="_top">Git</a></li> <li><a href="https://xref.dokuwiki.org/reference/dokuwiki/" title="Cross-Reference of the DokuWiki source code" target="_top">XRef</a></li> <li><a href="https://codesearch.dokuwiki.org/" title="Search through the sources of DokuWiki, plugins and templates" target="_top">Code Search</a></li> </ul> </div>  </div></footer> </div></div> <div class="no"><img src="/lib/exe/taskrunner.php?id=de%3Aimages&1742597066" width="2" height="1" alt="" /></div> <div id="screen__mode" class="no"></div></body> </html>