Hilfe:Einbinden von Bildern

aus Wiki Aventurica, dem DSA-Fanprojekt
Wechseln zu: Navigation, Suche

{{Interwiki|{{subst:#ifeq: Einbinden von Bildern | [[wpde:Hilfe:Bilder |wp|wp=[[wpde:Hilfe:Bilder}}|Hilfe:Bilder]]}}

Hilfe

Ansprechpartner

Hilfe für Leser
FAQ - Suche im Wiki - Navigieren im Wiki
Wiki-Inhalte offline benutzen
Optimale Darstellung des Wikis
Personalisieren des Wikiaussehens

Hilfe für neue Autoren
Seite bearbeiten - Tutorium
Anleitung zu den Letzten Änderungen
Feeds der Wikiänderungen
Produktartikel erstellen
Richtlinien zur Mitarbeit

Seiten bearbeiten
Erstellen neuer Artikel
Editierhilfe
Erzeugen von Links
Einbinden von Bildern
Tabellenformatierung

Konventionen
Abkürzungen
Artikelformat
Kommentare zu bearbeiteten Seiten
Typographie
Inhaltliche Richtlinien
Erstellen neuer Artikel
Nomenklatur und Syntax für Quellenangaben
Kategorisierung des Wikis
Meisterinformationen

Weiterführende Seiten
Vorlage
Infobox
Kategorie
Namensraum
DPL
Roboter
Benutzung von CSS im Wiki
Links per CSS mit eigenen Grafiken versehen
Exceltabellen ins Wiki kopieren
Hilfeseiten der Wikipedia

Grundlegende Einbindungsmöglichkeiten[Bearbeiten]

Bei Bildereinbildungen sollte man sich zuerst entscheiden, ob man nur eine einfache Einbindung, eine gerahmte Einbindung ("framed"), eine Einbindung als Vorschaubild mit Rahmen ("thumb") oder eine Einbindung als Vorschaubild ohne Rahmen ("frameless") möchte. Die Anordnung des Bildes wird dadurch bereits festgelegt, diese Festlegung kann man aber durch die Parameter "left" oder "right" überschreiben.

Code Aussehen Anmerkung
[[Datei:Wa-dsa4-logo.png]]
Wa-dsa4-logo.png normale Bildeinbindung, Bild wird in Originalgröße dargestellt und links angeordnet.
[[Datei:Wa-dsa4-logo.png|framed]]
Wa-dsa4-logo.png
gerahmte Einbindung, Bild wird in Originalgröße dargestellt und rechts angeordnet.
[[Datei:Wa-dsa4-logo.png|thumb]]
Wa-dsa4-logo.png
Einbindung als auf eine bestimmte Größe skaliertes Vorschaubild mit Rahmen, das rechts angeordnet wird.
[[Datei:Wa-dsa4-logo.png|frameless]]
Wa-dsa4-logo.png Einbindung als auf eine bestimmte Größe skaliertes Vorschaubild, das links angeordnet wird.
[[Datei:Wa-dsa4-logo.png|thumb|left]]
Wa-dsa4-logo.png
Einbindung als auf eine bestimmte Größe skaliertes Vorschaubild mit Rahmen, das links angeordnet wird.

Bildbeschreibungen[Bearbeiten]

Jeder Text innerhalb des Bildaufrufes, der nicht als Parameter erkannt wird, wird als Bildbeschreibung angesehen und entsprechend behandelt: Bei Bildeinbindungen mit Rahmen wird die Beschreibung als Text unter dem Bild angezeigt, bei rahmenlosen Einbindungen nur als Tooltipp.

Code Aussehen Anmerkung
[[Datei:Wa-dsa4-logo.png|angedachtes WA-Logo]]
angedachtes WA-Logo normale Bildeinbindung, Bildbeschreibung als Tooltipp
[[Datei:Wa-dsa4-logo.png|framed|angedachtes WA-Logo]]
angedachtes WA-Logo
gerahmte Einbindung, Bildbeschreibung unter dem Bild
[[Datei:Wa-dsa4-logo.png|thumb|angedachtes WA-Logo]]
angedachtes WA-Logo
Einbindung als auf eine bestimmte Größe skaliertes Vorschaubild mit Rahmen, Bildbeschreibung unter dem Bild
[[Datei:Wa-dsa4-logo.png|frameless|angedachtes WA-Logo]]
angedachtes WA-Logo Einbindung als auf eine bestimmte Größe skaliertes Vorschaubild, Bildbeschreibung als Tooltipp

Bildskalierung[Bearbeiten]

Bei jeder Bildeinbindung kann man die Größe des angezeigten Bildes selbst festlegen, und zwar über einen Parameter der Form "(Zahl)x(Zahl)px". Dabei legt der erste Wert die maximale Breite und der zweite Wert die maximale Höhe des Bildes fest; das Wiki wird das Bild so skalieren, dass beide Werte nicht überschritten werden (Bilder können dabei auch vergrößert werden, häufig zu Lasten der Qualität; in der "framed"-Variante wird allerdings nur der Wert für die Höhe verwendet). Man kann bei der Verwendung des Parameters auch eine Zahl weglassen, was bedeutet, dass man die Breite/Höhe dann eben nicht beschränken will: "(Zahl)px" beschränkt nur die Breite, "x(Zahl)px" beschränkt nur die Höhe.

Code Aussehen Anmerkung
[[Datei:Wa-dsa4-logo.png|50x50px]]
Wa-dsa4-logo.png normale Bildeinbindung, maximale Bildhöhe und -breite festgelegt
[[Datei:Wa-dsa4-logo.png|framed|50x50px]]
Wa-dsa4-logo.png
gerahmte Einbindung, maximale Bildhöhe und -breite festgelegt, wobei der Wert für die Breite irrelevant ist
[[Datei:Wa-dsa4-logo.png|thumb|50px]]
Wa-dsa4-logo.png
Einbindung als auf eine bestimmte Größe skaliertes Vorschaubild mit Rahmen, maximale Breite festgelegt
[[Datei:Wa-dsa4-logo.png|frameless|x50px]]
Wa-dsa4-logo.png Einbindung als auf eine bestimmte Größe skaliertes Vorschaubild, maximale Höhe festgelegt

Bildlinks[Bearbeiten]

Standardmäßig verlinken Bilder auf die entsprechenden Bildbeschreibungsseiten, dies ist meistens auch sinnvoll. In Spezialfällen kann es jedoch besser sein, auf ein anderes Ziel (oder überhaupt nicht) zu verlinken.

Code Aussehen Anmerkung
[[Datei:Wa-dsa4-logo.png|link=DSA]]
Wa-dsa4-logo.png normale Bildeinbindung, Bild verlinkt auf Wiki-Artikel DSA
[[Datei:Wa-dsa4-logo.png|framed|link=http://www.dsaforum.de/]]
Wa-dsa4-logo.png
gerahmte Einbindung, Bild verlinkt auf dsaforum.de; wegen der automatisch eingefügten Linkgrafiken nicht zu empfehlen
[[Datei:Wa-dsa4-logo.png|frameless|link=]]
Wa-dsa4-logo.png Einbindung als auf eine bestimmte Größe skaliertes Vorschaubild, verlinkt überhaupt nicht

Bildergalerien[Bearbeiten]

Mit dem <gallery>-Aufruf kann man Bildergalerien erzeugen. Über mehrere Parameter kann man dabei das Aussehen dieser Galerie beeinflussen:

  • caption="(Name)" legt die Überschrift der Galerie fest.
  • widths="(Zahl)" legt die maximale Breite der einzelnen Vorschaubilder fest.
  • heights="(Zahl)" legt die maximale Höhe der einzelnen Vorschaubilder fest.
  • perrow="(Zahl)" legt die Anzahl an Bildern pro Zeile fest.
  • mode="(Modus)" legt das generelle Aussehen der Bildergalerie fest; mögliche Werte sind "traditional", "nolines", "packed", "packed-overlay", "packed-hover".
  • Mittels class="float-right" kann die Galerie rechts angeordnet werden.
Code Aussehen
<gallery widths="60" heights="80" perrow="4" caption="Regelwerke" class="float-right">
Datei:RB DSAB (HC).jpg|[[Das Schwarze Auge - Basisregelwerk]]
Datei:Wege-der-Helden.jpg|[[Wege der Helden]]
Datei:Wege-des-Schwerts.jpg|[[Wege des Schwerts]]
Datei:Wege-der-Zauberei.jpg|[[Wege der Zauberei]]
Datei:Wege-der-Götter.jpg|[[Wege der Götter]]
Datei:Liber Cantiones.jpg|[[Liber Cantiones (HC)]]
</gallery>
<gallery mode="traditional">
Datei:RB DSAB (HC).jpg|[[Das Schwarze Auge - Basisregelwerk]]
Datei:Wege-der-Helden.jpg|[[Wege der Helden]]
Datei:Wege-des-Schwerts.jpg|[[Wege des Schwerts]]
Datei:Wege-der-Zauberei.jpg|[[Wege der Zauberei]]
</gallery>
<gallery mode="nolines">
Datei:RB DSAB (HC).jpg|[[Das Schwarze Auge - Basisregelwerk]]
Datei:Wege-der-Helden.jpg|[[Wege der Helden]]
Datei:Wege-des-Schwerts.jpg|[[Wege des Schwerts]]
Datei:Wege-der-Zauberei.jpg|[[Wege der Zauberei]]
</gallery>
<gallery mode="packed">
Datei:RB DSAB (HC).jpg|[[Das Schwarze Auge - Basisregelwerk]]
Datei:Wege-der-Helden.jpg|[[Wege der Helden]]
Datei:Wege-des-Schwerts.jpg|[[Wege des Schwerts]]
Datei:Wege-der-Zauberei.jpg|[[Wege der Zauberei]]
</gallery>
<gallery mode="packed-overlay">
Datei:RB DSAB (HC).jpg|[[Das Schwarze Auge - Basisregelwerk]]
Datei:Wege-der-Helden.jpg|[[Wege der Helden]]
Datei:Wege-des-Schwerts.jpg|[[Wege des Schwerts]]
Datei:Wege-der-Zauberei.jpg|[[Wege der Zauberei]]
</gallery>
<gallery mode="packed-hover">
Datei:RB DSAB (HC).jpg|[[Das Schwarze Auge - Basisregelwerk]]
Datei:Wege-der-Helden.jpg|[[Wege der Helden]]
Datei:Wege-des-Schwerts.jpg|[[Wege des Schwerts]]
Datei:Wege-der-Zauberei.jpg|[[Wege der Zauberei]]
</gallery>