Importer, Bürokraten, Moderatoren (CommentStreams), Strukturierte-Diskussionen-Bots, Oberflächenadministratoren, Push-Abonnementverwalter, Oversighter, Administratoren, Kampagnenbearbeiter (Hochladeassistent)
855
Bearbeitungen
Keine Bearbeitungszusammenfassung |
|||
| (7 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
Diese Seite erklärt die '''image''' Syntax beim Bearbeiten des Wikis. | Diese Seite erklärt die '''image''' Syntax beim Bearbeiten des Wikis. | ||
Normalerweise musst du oder ein anderer Nutzer [[Special:MyLanguage/Help:Managing files|ein Bild hochladen]] bevor es auf der Seite benutzt werden kann. | Normalerweise musst du oder ein anderer Nutzer [[Special:MyLanguage/Help:Managing files|ein Bild hochladen]] bevor es auf der Seite benutzt werden kann. | ||
| Zeile 138: | Zeile 131: | ||
!Eingabe | !Eingabe | ||
!Ergebnis | !Ergebnis | ||
{{ | {{ Hilfe:Bilder/frame|2=100px|frame=|ex='''Keine horizontale Ausrichtung angegeben''' oder Standardausrichtung|inline=yes|float=no}} | ||
{{ | {{ Hilfe:Bilder/frame|2=100px|frame=none|ex=horizontale Ausrichtung angeben als: '''none'''|inline=no|float=no}} | ||
{{ | {{ Hilfe:Bilder/frame|2=100px|frame=center|ex=horizontale Ausrichtung angeben als: '''center'''|inline=no|float=no}} | ||
{{ | {{ Hilfe:Bilder/frame|2=100px|frame=left|ex=horizontale Ausrichtung angeben als: '''left'''|inline=no|float=yes}} | ||
{{ | {{ Hilfe:Bilder/frame|2=100px|frame=right|ex=horizontale Ausrichtung angeben als: '''right'''|inline=no|float=yes}} | ||
|} | |} | ||
<span id="Vertical_alignment"></span> | <span id="Vertical_alignment"></span> | ||
=== Vertikale Ausrichtung === | === Vertikale Ausrichtung === | ||
Die vertikalen Ausrichtungsoptionen wirken sich nur aus, wenn das Bild als Inline-Element '''gerendert''' wird und '''nicht''' floatet. | Die vertikalen Ausrichtungsoptionen wirken sich nur aus, wenn das Bild als Inline-Element '''gerendert''' wird und '''nicht''' floatet. | ||
| Zeile 303: | Zeile 297: | ||
Bildunterschriften sind optional und können Wiki-Links oder andere Formatierungen enthalten. | Bildunterschriften sind optional und können Wiki-Links oder andere Formatierungen enthalten. | ||
{{note|1= | {{note|1=Die Wörter "center", "left" und "right", die als Beschriftungen verwendet werden, verursachen falsch-positive Linter-Fehler. Siehe {{phab|T266406}} für Details.See {{phab|T275074}} for details.}} | ||
Einige der Parameter, die die Ausgabe der Vorschaubilder steuern, können auch hier verwendet werden, insbesondere diejenigen, die die Datei ändern (im Gegensatz zu denen, die steuern, wo auf der Seite das Bild abgelegt wird). | Einige der Parameter, die die Ausgabe der Vorschaubilder steuern, können auch hier verwendet werden, insbesondere diejenigen, die die Datei ändern (im Gegensatz zu denen, die steuern, wo auf der Seite das Bild abgelegt wird). | ||
Bei mehrseitigen Medien wie pdfs kannst Du beispielsweise Code wie <code>page=4</code> verwenden. | Bei mehrseitigen Medien wie pdfs kannst Du beispielsweise Code wie <code>page=4</code> verwenden. | ||
| Zeile 314: | Zeile 308: | ||
<syntaxhighlight lang="moin"> | <syntaxhighlight lang="moin"> | ||
<gallery> | <gallery> | ||
File: | File:MWExample.jpg|Item 1 | ||
File: | File:MWExample.jpg|a link to [[Help:Contents]] | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg|alt=An example image. It has flowers | ||
File: | File:MWExample.jpg|''italic caption'' | ||
File: | File:MWExample.jpg|Links to external website|link=https://example.com | ||
File: | File:MWExample.jpg|link=w:Main_Page|Internal link | ||
MWExample.jpg|on page "{{PAGENAME}}" | |||
File:Using Firefox.pdf|page=72 | File:Using Firefox.pdf|page=72 | ||
</gallery> | </gallery> | ||
| Zeile 329: | Zeile 323: | ||
<gallery> | <gallery> | ||
File: | File:MWExample.jpg|Item 1 | ||
File: | File:MWExample.jpg|a link to [[Help:Contents]] | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg|alt=An example image. It has flowers | ||
File: | File:MWExample.jpg|''italic caption'' | ||
File: | File:MWExample.jpg|Links to external website|link=https://example.com | ||
File: | File:MWExample.jpg|link=w:Main_Page|Internal link | ||
MWExample.jpg|on page "{{PAGENAME}}" | |||
File:Using Firefox.pdf|page=72 | File:Using Firefox.pdf|page=72 | ||
</gallery> | </gallery> | ||
| Zeile 342: | Zeile 336: | ||
<span id="mode_parameter"></span> | <span id="mode_parameter"></span> | ||
==== mode-Parameter ==== | ==== mode-Parameter ==== | ||
* <code>traditional</code> ist der Orginal-Galerietyp, der von MediaWiki verwendet wird. | * <code>traditional</code> ist der Orginal-Galerietyp, der von MediaWiki verwendet wird. | ||
* <code>nolines</code> ähnelt <code>traditional</code>, hat jedoch keine Begrenzungslinien. | * <code>nolines</code> ähnelt <code>traditional</code>, hat jedoch keine Begrenzungslinien. | ||
* <code>packed</code> bewirkt, dass Bilder dieselbe Höhe, aber unterschiedliche Breiten haben, wobei zwischen den Bildern nur wenig Platz gelassen wird. Die Zeilen in diesem | * <code>packed</code> bewirkt, dass Bilder dieselbe Höhe, aber unterschiedliche Breiten haben, wobei zwischen den Bildern nur wenig Platz gelassen wird. Die Zeilen in diesem responsive Modus ordnen sich nach der Breite des Bildschirms. | ||
* <code>packed-overlay</code> zeigt die dem Bild überlagerte Beschriftung in einem halbtransparenten weißen Feld. | * <code>packed-overlay</code> zeigt die dem Bild überlagerte Beschriftung in einem halbtransparenten weißen Feld. | ||
* <code>packed-hover</code> ähnelt <code>packed-overlay</code>, nur dass die Beschriftung und das Kästchen nur beim Mouse-over angezeigt werden. | * <code>packed-hover</code> ähnelt <code>packed-overlay</code>, nur dass die Beschriftung und das Kästchen nur beim Mouse-over angezeigt werden. | ||
| Zeile 429: | Zeile 420: | ||
</gallery> | </gallery> | ||
<code id="slideshow-demo">mode="slideshow"</code> | <code id="slideshow-demo">mode="slideshow"</code> | ||
<gallery mode="slideshow"> | <gallery mode="slideshow"> | ||
| Zeile 460: | Zeile 450: | ||
* <code>caption="{caption}"</code>: (Beschriftungstext zwischen Anführungszeichen für mehr als ein Wort) legt eine Beschriftung fest, die über der Galerie zentriert wird. In der Beschriftung darf nur einfacher Text verwendet werden. Formatierungen, Vorlagen und ähnliches funktionieren nicht. | * <code>caption="{caption}"</code>: (Beschriftungstext zwischen Anführungszeichen für mehr als ein Wort) legt eine Beschriftung fest, die über der Galerie zentriert wird. In der Beschriftung darf nur einfacher Text verwendet werden. Formatierungen, Vorlagen und ähnliches funktionieren nicht. | ||
* <code>widths={width}px</code>: Legt die (maximale) Breite der Bilder fest. Der | * <code>widths={width}px</code>: Legt die (maximale) Breite der Bilder fest. Der Standardwert ist 120px. ''Beachte den Plural: width'''s'''''. | ||
* <code>heights={heights}px</code>: Legt die (maximale) Höhe der Bilder fest. Der Standardwert ist 120px. | * <code>heights={heights}px</code>: Legt die (maximale) Höhe der Bilder fest. Der Standardwert ist 120px. | ||
* <code>perrow={integer}</code>: bestimmt die Anzahl der Bilder pro Reihe. 0 bedeutet, dass die Einstellung automatisch an die Bildschirmbreite angepasst wird. | * <code>perrow={integer}</code>: bestimmt die Anzahl der Bilder pro Reihe. 0 bedeutet, dass die Einstellung automatisch an die Bildschirmbreite angepasst wird. | ||
* <code>showfilename={anything}</code>: Zeigt die Dateinamen der Bilder in den einzelnen Bildunterschriften für jedes Bild an (1.17+). | * <code>showfilename={anything}</code>: Zeigt die Dateinamen der Bilder in den einzelnen Bildunterschriften für jedes Bild an (1.17+). | ||
* <code>mode={traditional|nolines|packed|packed-hover|packed-overlay|slideshow}</code>: Siehe oben ( | * <code>mode={traditional|nolines|packed|packed-hover|packed-overlay|slideshow}</code>: Siehe oben ("slideshow"). | ||
* <code>showthumbnails</code>: Zeigt im "Diashow" -Modus standardmäßig den Streifen mit den Miniaturbildern unter der Diashow | * <code>showthumbnails</code>: Zeigt im "Diashow" -Modus standardmäßig den Streifen mit den Miniaturbildern unter der Diashow | ||
{{note|1=Die Parameter widths und heights dienen eher als Vorschläge denn als strikte Werte für "packed" (und verwandte) Modi. Die "packed modes" passen die Breite der Bilder an, damit jede Zeile dieselbe Länge hat.}} | {{note|1=Die Parameter widths und heights dienen eher als Vorschläge denn als strikte Werte für "packed" (und verwandte) Modi. Die "packed modes" passen die Breite der Bilder an, damit jede Zeile dieselbe Länge hat.}} | ||
| Zeile 475: | Zeile 465: | ||
<syntaxhighlight lang=html> | <syntaxhighlight lang=html> | ||
<gallery widths=300px heights=200px> | <gallery widths=300px heights=200px> | ||
File: | File:MWExample.jpg|Lorem ipsum | ||
File: | File:MWExample.jpg|Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut | ||
</gallery> | </gallery> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Zeile 483: | Zeile 473: | ||
<gallery widths="300px" heights="200px"> | <gallery widths="300px" heights="200px"> | ||
File: | File:MWExample.jpg|Lorem ipsum | ||
File: | File:MWExample.jpg|Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut | ||
</gallery> | </gallery> | ||
| Zeile 493: | Zeile 483: | ||
<syntaxhighlight lang=html> | <syntaxhighlight lang=html> | ||
<gallery widths=60px heights=60px perrow=7 caption="sunflowers are groovy"> | <gallery widths=60px heights=60px perrow=7 caption="sunflowers are groovy"> | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
</gallery> | </gallery> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Zeile 509: | Zeile 499: | ||
<gallery widths="60px" heights="60px" perrow="7" caption="sunflowers are groovy"> | <gallery widths="60px" heights="60px" perrow="7" caption="sunflowers are groovy"> | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
File: | File:MWExample.jpg | ||
</gallery> | </gallery> | ||
<span id="Row_of_images_that_will_wrap_to_browser_width"></span> | <span id="Row_of_images_that_will_wrap_to_browser_width"></span> | ||
== Reihe von Bildern, die auf die Browserbreite angepasst wird == | == Reihe von Bildern, die auf die Browserbreite angepasst wird == | ||
Eine Möglichkeit, die für eine Reihe von Bildern mit unterschiedlichen Breiten funktioniert, besteht darin, nicht "Vorschaubilder" oder "Seitenangabe links" oder "keine" zu verwenden. | Eine Möglichkeit, die für eine Reihe von Bildern mit unterschiedlichen Breiten funktioniert, besteht darin, nicht "Vorschaubilder" oder "Seitenangabe links" oder "keine" zu verwenden. | ||
| Zeile 538: | Zeile 529: | ||
</pre> | </pre> | ||
[[File: | [[File:MWExample.jpg|220px]] | ||
[[File: | [[File:MWExample.jpg|100px]] | ||
[[File: | [[File:MWExample.jpg|150px]] | ||
[[File: | [[File:MWExample.jpg|250px]] | ||
[[File: | [[File:MWExample.jpg|200px]] | ||
[[File: | [[File:MWExample.jpg|50px]] | ||
[[File: | [[File:MWExample.jpg|220px]] | ||
[[File: | [[File:MWExample.jpg|175px]] | ||
'''Um Bilder unterschiedlicher Breite mit Beschriftungen zu versehen,''' ist es erforderlich, div HTML für eine ungeordnete Liste zu verwenden. Zusammen mit <code>style="display: inline-block;"</code>. Weitere Informationen und Anregungen findest Du unter: [http://www.sitepoint.com/give-floats-the-flick-in-css-layouts Geben Sie Floats den Flick in CSS-Layouts]. | '''Um Bilder unterschiedlicher Breite mit Beschriftungen zu versehen,''' ist es erforderlich, div HTML für eine ungeordnete Liste zu verwenden. Zusammen mit <code>style="display: inline-block;"</code>. Weitere Informationen und Anregungen findest Du unter: [http://www.sitepoint.com/give-floats-the-flick-in-css-layouts Geben Sie Floats den Flick in CSS-Layouts]. | ||
| Zeile 563: | Zeile 554: | ||
<div><ul> | <div><ul> | ||
<li style="display: inline-block;"> [[File: | <li style="display: inline-block;"> [[File:MWExample.jpg|thumb|none|220px|Caption 1]] </li> | ||
<li style="display: inline-block;"> [[File: | <li style="display: inline-block;"> [[File:MWExample.jpg|thumb|none|100px|Caption 2]] </li> | ||
<li style="display: inline-block;"> [[File: | <li style="display: inline-block;"> [[File:MWExample.jpg|thumb|none|150px|Caption 3]] </li> | ||
<li style="display: inline-block;"> [[File: | <li style="display: inline-block;"> [[File:MWExample.jpg|thumb|none|250px|Caption 4]] </li> | ||
<li style="display: inline-block;"> [[File: | <li style="display: inline-block;"> [[File:MWExample.jpg|thumb|none|200px|Caption 5]] </li> | ||
<li style="display: inline-block;"> [[File: | <li style="display: inline-block;"> [[File:MWExample.jpg|thumb|none|50px|Caption 6]] </li> | ||
<li style="display: inline-block;"> [[File: | <li style="display: inline-block;"> [[File:MWExample.jpg|thumb|none|220px|Caption 7]] </li> | ||
<li style="display: inline-block;"> [[File: | <li style="display: inline-block;"> [[File:MWExample.jpg|thumb|none|175px|Caption 8]] </li> | ||
</ul></div> | </ul></div> | ||
| Zeile 589: | Zeile 580: | ||
<div><ul> | <div><ul> | ||
<li style="display: inline-block; vertical-align: top;"> [[File: | <li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg|thumb|none|220px|Caption 1]] </li> | ||
<li style="display: inline-block; vertical-align: top;"> [[File: | <li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg|thumb|none|100px|Caption 2]] </li> | ||
<li style="display: inline-block; vertical-align: top;"> [[File: | <li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg|thumb|none|150px|Caption 3]] </li> | ||
<li style="display: inline-block; vertical-align: top;"> [[File: | <li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg|thumb|none|250px|Caption 4]] </li> | ||
<li style="display: inline-block; vertical-align: top;"> [[File: | <li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg|thumb|none|200px|Caption 5]] </li> | ||
<li style="display: inline-block; vertical-align: top;"> [[File: | <li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg|thumb|none|50px|Caption 6]] </li> | ||
<li style="display: inline-block; vertical-align: top;"> [[File: | <li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg|thumb|none|220px|Caption 7]] </li> | ||
<li style="display: inline-block; vertical-align: top;"> [[File: | <li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg|thumb|none|175px|Caption 8]] </li> | ||
</ul></div> | </ul></div> | ||
| Zeile 609: | Zeile 600: | ||
<span id="Link_behavior"></span> | <span id="Link_behavior"></span> | ||
== Verhalten von Links == | == Verhalten von Links == | ||
Standardmäßig verlinkt ein Bild auf seine Dateibeschreibungsseite. | Standardmäßig verlinkt ein Bild auf seine Dateibeschreibungsseite. | ||
Die Option "link=" ändert dieses Verhalten, um eine Verknüpfung zu einer anderen Seite oder Website herzustellen oder das Verknüpfungsverhalten des Bildes zu deaktivieren. | Die Option "link=" ändert dieses Verhalten, um eine Verknüpfung zu einer anderen Seite oder Website herzustellen oder das Verknüpfungsverhalten des Bildes zu deaktivieren. Alternativ kannst Du einen Textlink zu einer Dateibeschreibungsseite oder zur Datei selbst erstellen. | ||
<span id="Display_image,_link_it_to_another_page_or_website"></span> | <span id="Display_image,_link_it_to_another_page_or_website"></span> | ||
| Zeile 688: | Zeile 678: | ||
====Abrufen der vollständigen URL eines Bildes==== | ====Abrufen der vollständigen URL eines Bildes==== | ||
Um den vollständigen Pfad eines Bildes zu erhalten (ohne Weiterleitungen zu durchlaufen, wie oben gezeigt), können einige | Um den vollständigen Pfad eines Bildes zu erhalten (ohne Weiterleitungen zu durchlaufen, wie oben gezeigt), können einige [[Help:Magische Wörter|nsp=0}} verwendet werden. | ||
<nowiki>{{filepath:MediaWiki-2020-logo.svg}}</nowiki> | <nowiki>{{filepath:MediaWiki-2020-logo.svg}}</nowiki> | ||
| Zeile 705: | Zeile 695: | ||
<span id="Requisites"></span> | <span id="Requisites"></span> | ||
== Dateien anderer Webseiten == | == Dateien anderer Webseiten == | ||
Du kannst mit derselben Syntax, die für das Verknüpfen mit einer externen Webseite verwendet wird, auf eine online verfügbare externe Datei verweisen. | Du kannst mit derselben Syntax, die für das Verknüpfen mit einer externen Webseite verwendet wird, auf eine online verfügbare externe Datei verweisen. | ||
| Zeile 721: | Zeile 706: | ||
<pre>[http://url.for/some/image.png verlinke den Text hier]</pre> | <pre>[http://url.for/some/image.png verlinke den Text hier]</pre> | ||
<span id="See_also"></span> | |||
== Siehe auch == | == Siehe auch == | ||
*[[ | *[[wikipedia:Wikipedia:Erweiterter Bild-Syntax|Wikipedia:Erweiterter Bild-Syntax]] | ||
*[[ | *[[wikipedia:Kategorie:Wikipedia Bilder Hilfe|Kategorie:Wikipedia Bilder Hilfe]] | ||
*[[ | *[[wikipedia:Hilfe:Bilder|Hilfe:Bilder]] | ||
*[[ | *[[wikipedia:Hilfe:Galerie|Hilfe:Galerie]] | ||
*[[Phabricator:T113101]] - responsive Eigenschaften | |||
*[[ | |||
[[Kategorie:Hilfe|{{PAGENAME}}]] | [[Kategorie:Hilfe|{{PAGENAME}}]]{{IstIn|Übersicht}} | ||