Anleitung zum Schreiben/Bildergalerie: Unterschied zwischen den Versionen

Aktuelle Version vom 18. Mai 2025, 13:50 Uhr

Wenn Du mehrere Bilder hast, kannst Du die "Bildergalerie" verwenden.

Entweder über die Wiki-Werkzeug-Leiste : Klicke auf Erweitert, um den "Erweiterten Modus" wie im Bild oben zu erweitern, so daß das Symbol "rechts von "Einfügen"" erscheint.

Im Bearbeitungsmodus einer Seite, hier die Wiki-Werkzeug-Leiste zum Bearbeiten des Wikis, im Erweiterten Modus

Entweder direkt über den Wiki-Code - was sich in diesem Fall als am einfachsten erweist, indem Du z. B. diesen einfachen Code einfügst:

<gallery>
Image1.png|Die Beschreibung, Daten des Bildes...
Dummy.png|Beschreibung 2
</gallery>

Dies erleichtert das Lesen/Ändern des Wiki-Codes, denn mit den Gallery-Tags wird jedes Bild in einer Zeile (im Wiki-Code) stehen, mit einer einfachen Syntax: Dateiname.jpg dem "vertikalen Balken" (AltGr+6) und einer Beschreibung (kann formatiert werden, Links zu anderen Seiten enthalten, ...) :

Symbolleiste des Bearbeitungsmodus dieses Wikis
Das ASA-Emblem, aus der Gallerie
Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch formatieren!

Inhaltsverzeichnis

1 Beispiele
2 Die Syntax
- 2.1 Nützliche Attribute und Werte

Beispiele

der Code <gallery>....</gallery>, das oben verwendet wurde, verwendet standardmäßig den traditionellen Modus.

Mit vielen Bildern ähnlicher Größe, mit den Tags caption (Titel), widths (Breite) und heights (Höhe) :
Code: <gallery caption="Ein Titel mit caption" widths="180px" heights="120px" >>

Ein Titel mit caption
Das ASA-Emblem, aus der Gallerie
Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch formatieren!
Titel 1
Titel 2
Titel 3
Titel 4
Titel 5

Und das gleiche mit dem Code <gallery caption="en 50px" heights="50px" >>

en 50px
Das ASA-Emblem, aus der Gallerie
Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch formatieren!
Titel 1
Titel 2
Titel 3
Titel 4
Titel 5

Dasselbe, mit <gallery mode=nolines>

Symbolleiste des Bearbeitungsmodus dieses Wikis
Das ASA-Emblem, aus der Gallerie
Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch formatieren!
Titel 1
Titel 2
Titel 3
Titel 4
Titel 5

<gallery mode=packed>

Bilder werden mit identischer Höhe angezeigt, wobei die Breite variieren kann, um das ursprüngliche Seitenverhältnis einzuhalten.

Symbolleiste des Bearbeitungsmodus dieses Wikis
Das ASA-Emblem, aus der Gallerie
Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch formatieren!

mit <gallery mode=packed> weniger das Bild zu breit: zentriert und platzsparend

Das ASA-Emblem, aus der Gallerie
Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch formatieren!
Titel 1
Titel 2
Titel 3
Titel 4
Titel 5

<gallery mode="packed-hover" heights=64px perrow=7 >

Support
Animation
Level-Design
Lore
Graphics
Developers
Translation

mode=packed-overlay

Beispiel 1
Beispiel 2
Titel 1
Titel 2
Titel 3
Titel 4
Titel 5

Slideshow mit caption-Titel

Beispiel-Titel
Beschreibung 1
Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch formatieren!
Beschreibung 2

Ähnlich (2 Bilder) mit kleinerer Höhe (heights="20px") ist KO ✗

Beschreibung 1
Beschreibung 2

Die Syntax

Quelle: https://fr.wikipedia.org/wiki/Aide:Galerie und https://fr.wikipedia.org/wiki/Aide:Galerie/avanc%C3%A9e

Nützliche Attribute und Werte

Reduziere die Größe mit einem div-Tag (ein z.B. hier): <div style="width:600px"> ... </div>

Zusätzliche Optionen Bild-für-Bild
*(die nach den Dateinamen eingefügt werden sollen)*
	Wirkung	Hinweise
alt=text	text Fügt alternativen Text für Blinde ein.	Max. 120 Zeichen.
<div style="text-align:center;">texte</div>	Text Die Legende wird zentriert (korrigiert die standardmäßig linksbündig angeordnete Anzeige).
<div style="text-align:right;">texte</div>	Text Die Legende wird rechtsbündig dargestellt (korrigiert die standardmäßig linksbündige Darstellung).
<div style="text-align:left;">texte</div>	Text Die Legende wird linksbündig dargestellt (‚'korrigiert die zentrierte Darstellung des‘' `mode=nolines`)

Bildunterschriften sind standardmäßig linksbündig, außer bei mode=nolines im Moment. Es ist möglich, die Darstellung von Bildunterschriften mithilfe von HTML-Code zu korrigieren.

@@ Zeile 1: / Zeile 1: @@
-{{WIP}}
+<noinclude>{{Trad|DE=Anleitung zum Schreiben/Bildergalerie|FR=Guide de rédaction/Galerie d'images|EN=Writing Guide/Image gallery|palette=wiki|H=1}}</noinclude>
-<noinclude>{{Trad|DE=Anleitung zum Schreiben/Bildergalerie|FR=Guide de rédaction/Galerie d'images|palette=wiki|H=1}}</noinclude>
 Wenn Du mehrere Bilder hast, kannst Du die "Bildergalerie" verwenden.
 * Entweder über die [[Wiki-Werkzeug-Leiste]] : Klicke auf Erweitert, um den "Erweiterten Modus" wie im Bild oben zu erweitern, so daß das Symbol "rechts von "Einfügen"" erscheint.
@@ Zeile 124: / Zeile 123: @@
 Reduziere die Größe mit einem div-Tag (ein [[RP Tags|z.B. hier]]): <nowiki><div style="width:600px"> ... </div></nowiki>
+{| class="wikitable alternance left"
+ |+ Zusätzliche Optionen Bild-für-Bild <br>''(die nach den Dateinamen eingefügt werden sollen)''
+ |-
+ |
+ ! scope="col" style="width:530px;" | Wirkung
+ ! scope="col" style="width:400px;" | Hinweise
+ |-
+ ! scope="row" style="width:160px;" | &nbsp;&nbsp;alt=text
+ | text Fügt alternativen Text für Blinde ein.
+ | Max. 120 Zeichen.
+ |-
+ ! scope="row"  | &nbsp;&nbsp;<nowiki><div style="text-align:center;"></nowiki>texte<nowiki></div></nowiki>
+ | Text Die Legende wird zentriert ''(korrigiert die standardmäßig linksbündig angeordnete Anzeige)''.
+ |
+ |-
+ ! scope="row"  | &nbsp;&nbsp;<nowiki><div style="text-align:right;"></nowiki>texte<nowiki></div></nowiki>
+ | Text Die Legende wird rechtsbündig dargestellt ''(korrigiert die standardmäßig linksbündige Darstellung)''.
+ |
+ |-
+ ! scope="row"  | &nbsp;&nbsp;<nowiki><div style="text-align:left;"></nowiki>texte<nowiki></div></nowiki>
+ | Text Die Legende wird linksbündig dargestellt (‚'korrigiert die zentrierte Darstellung des‘' <code>mode=nolines</code>)
+ |
+ |}
+Bildunterschriften sind standardmäßig linksbündig, außer bei <code>mode=nolines</code> im Moment. Es ist möglich, die Darstellung von Bildunterschriften mithilfe von HTML-Code zu korrigieren.
 <noinclude>
 [[Kategorie:Hilfe]]
 </noinclude>

Aus EnzyklopAtys