skandinavien-wiki.net

Hilfe:Bilder: Unterschied zwischen den Versionen

Hilfeseite Diskussion

Hilfe:Bilder (Quelltext anzeigen)

Version vom 13. Februar 2023, 14:13 Uhr

269 Bytes entfernt ,  vor 2 Jahren
→‎Anzeigen einer Bildergalerie
Zeile 303: Zeile 303:


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=<span class="mw-translate-fuzzy">Die Wörter "center", "left" und "right", die als Beschriftungen verwendet werden, verursachen falsch-positive Linter-Fehler. Siehe {{phab|T266406}} für Details.</span> <span lang="en" dir="ltr" class="mw-content-ltr">See {{phab|T275074}} for details.</span>}}
{{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 314:
<syntaxhighlight lang="moin">
<syntaxhighlight lang="moin">
<gallery>
<gallery>
File:Example.jpg|Item 1
File:MWExample.jpg|Item 1
File:Example.jpg|a link to [[Help:Contents]]
File:MWExample.jpg|a link to [[Help:Contents]]
File:Example.jpg
File:MWExample.jpg
File:Example.jpg|alt=An example image. It has flowers
File:MWExample.jpg|alt=An example image. It has flowers
File:Example.jpg|''italic caption''
File:MWExample.jpg|''italic caption''
File:Example.jpg|Links to external website|link=https://example.com
File:MWExample.jpg|Links to external website|link=https://example.com
File:Example.jpg|link=w:Main_Page|Internal link
File:MWExample.jpg|link=w:Main_Page|Internal link
Example.jpg|on page "{{PAGENAME}}"
MWExample.jpg|on page "{{PAGENAME}}"
File:Using Firefox.pdf|page=72
File:Using Firefox.pdf|page=72
</gallery>
</gallery>
Zeile 329: Zeile 329:


<gallery>
<gallery>
File:Example.jpg|Item 1
File:MWExample.jpg|Item 1
File:Example.jpg|a link to [[Help:Contents]]
File:MWExample.jpg|a link to [[Help:Contents]]
File:Example.jpg
File:MWExample.jpg
File:Example.jpg|alt=An example image. It has flowers
File:MWExample.jpg|alt=An example image. It has flowers
File:Example.jpg|''italic caption''
File:MWExample.jpg|''italic caption''
File:Example.jpg|Links to external website|link=https://example.com
File:MWExample.jpg|Links to external website|link=https://example.com
File:Example.jpg|link=w:Main_Page|Internal link
File:MWExample.jpg|link=w:Main_Page|Internal link
Example.jpg|on page "{{PAGENAME}}"
MWExample.jpg|on page "{{PAGENAME}}"
File:Using Firefox.pdf|page=72
File:Using Firefox.pdf|page=72
</gallery>
</gallery>
Zeile 342: Zeile 342:
<span id="mode_parameter"></span>
<span id="mode_parameter"></span>
==== mode-Parameter ====
==== mode-Parameter ====
{{MW 1.22|and after}}
Ab Version 1.22 ist ein <code>mode</code>-Parameter verfügbar, der über folgende Optionen verfügt:
* <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 [[w: Responsive Web Design|responsive]] Modus ordnen sich nach der Breite des Bildschirms.
* <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 426:
</gallery>
</gallery>


{{MW 1.28|and after}}
<code id="slideshow-demo">mode="slideshow"</code>
<code id="slideshow-demo">mode="slideshow"</code>
<gallery mode="slideshow">
<gallery mode="slideshow">
Zeile 460: Zeile 456:


* <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 [[Special:MyLanguage/Manual:$wgGalleryOptions|Standardwert]] ist 120px. ''Beachte den Plural: width'''s'''''.
* <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 (1.22+; 1.28+ für "slideshow").
* <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 an (1.29+).
* <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 471:
<syntaxhighlight lang=html>
<syntaxhighlight lang=html>
<gallery widths=300px heights=200px>
<gallery widths=300px heights=200px>
File:Example.jpg|Lorem ipsum
File:MWExample.jpg|Lorem ipsum
File:Example.jpg|Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
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 479:


<gallery widths="300px" heights="200px">
<gallery widths="300px" heights="200px">
File:Example.jpg|Lorem ipsum
File:MWExample.jpg|Lorem ipsum
File:Example.jpg|Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
File:MWExample.jpg|Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
</gallery>
</gallery>


Zeile 493: Zeile 489:
<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:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
</gallery>
</gallery>
</syntaxhighlight>
</syntaxhighlight>
Zeile 509: Zeile 505:


<gallery widths="60px" heights="60px" perrow="7" caption="sunflowers are groovy">
<gallery widths="60px" heights="60px" perrow="7" caption="sunflowers are groovy">
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
File:MWExample.jpg
File:Example.jpg
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.
Abgerufen von „https://skandinavien-wiki.net/wiki/Spezial:Mobiler_Unterschied/23713“