Anleitung zum Schreiben/Bildergalerie

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>

Aus EnzyklopAtys