Hilfe:Bilder: Unterschied zwischen den Versionen

keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
{{In Bearbeitung
|Tag= 12
|Monat = 02
|Jahr = 2023
|Zeit = 02:50
}}
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
{{ {{TNTN|Help:Images/frame}}|2=100px|frame=|ex='''Keine horizontale Ausrichtung angegeben''' oder Standardausrichtung|inline=yes|float=no}}
{{ Hilfe:Bilder/frame|2=100px|frame=|ex='''Keine horizontale Ausrichtung angegeben''' oder Standardausrichtung|inline=yes|float=no}}
{{ {{TNTN|Help:Images/frame}}|2=100px|frame=none|ex=horizontale Ausrichtung angeben als: '''none'''|inline=no|float=no}}
{{ Hilfe:Bilder/frame|2=100px|frame=none|ex=horizontale Ausrichtung angeben als: '''none'''|inline=no|float=no}}
{{ {{TNTN|Help:Images/frame}}|2=100px|frame=center|ex=horizontale Ausrichtung angeben als: '''center'''|inline=no|float=no}}
{{ Hilfe:Bilder/frame|2=100px|frame=center|ex=horizontale Ausrichtung angeben als: '''center'''|inline=no|float=no}}
{{ {{TNTN|Help:Images/frame}}|2=100px|frame=left|ex=horizontale Ausrichtung angeben als: '''left'''|inline=no|float=yes}}
{{ Hilfe:Bilder/frame|2=100px|frame=left|ex=horizontale Ausrichtung angeben als: '''left'''|inline=no|float=yes}}
{{ {{TNTN|Help:Images/frame}}|2=100px|frame=right|ex=horizontale Ausrichtung angeben als: '''right'''|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 535: Zeile 529:
</pre>
</pre>


[[File:Example.jpg|220px]]
[[File:MWExample.jpg|220px]]
[[File:Example.jpg|100px]]
[[File:MWExample.jpg|100px]]
[[File:Example.jpg|150px]]
[[File:MWExample.jpg|150px]]
[[File:Example.jpg|250px]]
[[File:MWExample.jpg|250px]]
[[File:Example.jpg|200px]]
[[File:MWExample.jpg|200px]]
[[File:Example.jpg|50px]]
[[File:MWExample.jpg|50px]]
[[File:Example.jpg|220px]]
[[File:MWExample.jpg|220px]]
[[File:Example.jpg|175px]]
[[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 560: Zeile 554:


<div><ul>  
<div><ul>  
<li style="display: inline-block;"> [[File:Example.jpg|thumb|none|220px|Caption 1]] </li>
<li style="display: inline-block;"> [[File:MWExample.jpg|thumb|none|220px|Caption 1]] </li>
<li style="display: inline-block;"> [[File:Example.jpg|thumb|none|100px|Caption 2]] </li>
<li style="display: inline-block;"> [[File:MWExample.jpg|thumb|none|100px|Caption 2]] </li>
<li style="display: inline-block;"> [[File:Example.jpg|thumb|none|150px|Caption 3]] </li>
<li style="display: inline-block;"> [[File:MWExample.jpg|thumb|none|150px|Caption 3]] </li>
<li style="display: inline-block;"> [[File:Example.jpg|thumb|none|250px|Caption 4]] </li>
<li style="display: inline-block;"> [[File:MWExample.jpg|thumb|none|250px|Caption 4]] </li>
<li style="display: inline-block;"> [[File:Example.jpg|thumb|none|200px|Caption 5]] </li>
<li style="display: inline-block;"> [[File:MWExample.jpg|thumb|none|200px|Caption 5]] </li>
<li style="display: inline-block;"> [[File:Example.jpg|thumb|none|50px|Caption 6]] </li>
<li style="display: inline-block;"> [[File:MWExample.jpg|thumb|none|50px|Caption 6]] </li>
<li style="display: inline-block;"> [[File:Example.jpg|thumb|none|220px|Caption 7]] </li>
<li style="display: inline-block;"> [[File:MWExample.jpg|thumb|none|220px|Caption 7]] </li>
<li style="display: inline-block;"> [[File:Example.jpg|thumb|none|175px|Caption 8]] </li>
<li style="display: inline-block;"> [[File:MWExample.jpg|thumb|none|175px|Caption 8]] </li>
</ul></div>
</ul></div>


Zeile 586: Zeile 580:


<div><ul>  
<div><ul>  
<li style="display: inline-block; vertical-align: top;"> [[File:Example.jpg|thumb|none|220px|Caption 1]] </li>
<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:Example.jpg|thumb|none|100px|Caption 2]] </li>
<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:Example.jpg|thumb|none|150px|Caption 3]] </li>
<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:Example.jpg|thumb|none|250px|Caption 4]] </li>
<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:Example.jpg|thumb|none|200px|Caption 5]] </li>
<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:Example.jpg|thumb|none|50px|Caption 6]] </li>
<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:Example.jpg|thumb|none|220px|Caption 7]] </li>
<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:Example.jpg|thumb|none|175px|Caption 8]] </li>
<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg|thumb|none|175px|Caption 8]] </li>
</ul></div>
</ul></div>


Zeile 606: 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.


Alternativ kannst Du einen Textlink zu einer Dateibeschreibungsseite oder zur Datei selbst erstellen.
Siehe {{ll|Help:Linking to files}}.


<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 685: 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 {{ll|Help:magic words|nsp=0}} verwendet werden.
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 702: Zeile 695:


<span id="Requisites"></span>
<span id="Requisites"></span>
== Voraussetzungen ==
Bevor Bilder im Wiki benutzt werden können, muss ein Wiki-Admin das [[Special:MyLanguage/Manual:Configuring file uploads|Hochladen von Dateien]] freigeschaltet haben. Außerdem muss der Benutzer [[Special:MyLanguage/Help:Managing files|Dateien hochgeladen haben]].
Die Systemadministratoren können auch Dateien [[Special:MyLanguage/Manual:Image Administration#Foreign Repositories|anderer Quellen]] wie [Special:MyLanguage/Manual:Image Administration#Foreign Repositories Wikimedia Commons] zulassen.
Es ist notwendig, einen Bildskalierer (z.B. GD2, ImageMagick) für das Wiki zu installieren, falls die Bilder in verschiedenen Größen angezeigt werden sollen.


<span id="Files_at_other_websites"></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 718: 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>


Zusätzliches MediaWiki-Markup oder HTML / CSS-Formatierung (für Inline-Elemente) ist in diesem angezeigten Text zulässig (mit Ausnahme eingebetteter Links, die den umgebenden Link beschädigen würden):
<span id="See_also"></span>
 
<pre>[http://www.example.com/some/image.png Beispiel '''<del>rich</del>''' ''<ins>link-text</ins>'' hier.]</pre>
 
was wiedergegeben wird als: [http://www.example.com/some/image.png Beispiel '''<del>rich</del>''' ''<ins>link-text</ins>'' hier.]
 
Wenn es in Deinem Wiki aktiviert ist (siehe {{ll|Manual:$wgAllowExternalImages}}), kannst Du auch externe Bilder einbetten. Füge dazu einfach die URL des Bildes ein:
<pre>http://url.for/some/image.png</pre>
Derzeit können eingebettete Bilder nicht in der Größe verändert werden, sie können jedoch durch umgebendes MediaWiki-Markup oder HTML/CSS-Code formatiert werden.
 
Wenn diese Wiki-Option nicht aktiviert ist, wird das Bild nicht eingebettet, sondern wie oben als Textlink zur externen Site angezeigt.


<span id="See_also"></span>
== Siehe auch ==
== Siehe auch ==


*[[w:Wikipedia:Extended image syntax|Wikipedia:Erweiterter Bild-Syntax]]
*[[wikipedia:Wikipedia:Erweiterter Bild-Syntax|Wikipedia:Erweiterter Bild-Syntax]]
*[[w:Category:Wikipedia image help|Kategorie:Wikipedia Bilder Hilfe]]
*[[wikipedia:Kategorie:Wikipedia Bilder Hilfe|Kategorie:Wikipedia Bilder Hilfe]]
*[[w:de:Hilfe:Bilder|Hilfe:Bilder]]
*[[wikipedia:Hilfe:Bilder|Hilfe:Bilder]]
*[[w:de:Hilfe:Galerie|Hilfe:Galerie]]
*[[wikipedia:Hilfe:Galerie|Hilfe:Galerie]]
*{{ll|Manual:Adding support for new filetypes}}
*[[Phabricator:T113101]] - responsive Eigenschaften
*[[phab:T113101]] - responsive Eigenschaften
* <span lang="en" dir="ltr" class="mw-content-ltr">[[Special:MyLanguage/Extension:PageImages#Can I exclude certain page images?|Extension:PageImages#Can I exclude certain page images?]]</span>


[[Kategorie:Hilfe|{{PAGENAME}}]]
[[Kategorie:Hilfe|{{PAGENAME}}]]{{IstIn|Übersicht}}