Anleitung zum Schreiben/Bildergalerie

!!!! WIP !!!!

Es sind gerade 26 Artikel in der Bearbeitung in der Kategorie "WIP"

Dieser Artikel wird gerade bearbeitet. Bitte laß es den Autor beenden, bevor du es veränderst.
Die letzte Bearbeitung war von Leda am 9.03.2023.

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