Vorlage:Doppeltes Bild/Doku
Vorlage:Dokumentation/Seitenhinweis
<templatestyles src="TOC nonum/styles.css"></templatestyles>
⧼templatedata-doc-params⧽
| ⧼templatedata-doc-param-name⧽ | ⧼templatedata-doc-param-desc⧽ | ⧼templatedata-doc-param-type⧽ | ⧼templatedata-doc-param-status⧽ | |
|---|---|---|---|---|
| Ausrichtung | 1 | Position der Box auf der Seite – mögliche Werte: links / rechts / zentriert / ohne | ⧼templatedata-doc-param-type-line⧽ | ⧼templatedata-doc-param-status-optional⧽ |
| Bild (links) | 2 | Dateiname des linken Bildes | ⧼templatedata-doc-param-type-wiki-file-name⧽ | ⧼templatedata-doc-param-status-required⧽ |
| Bildgröße (links) | 3 | Breite des linken Bildes in Pixeln, ohne Angabe px | ⧼templatedata-doc-param-type-number⧽ | ⧼templatedata-doc-param-status-suggested⧽ |
| Bild (rechts) | 4 | Dateiname des rechten Bildes | ⧼templatedata-doc-param-type-wiki-file-name⧽ | ⧼templatedata-doc-param-status-required⧽ |
| Bildgröße (rechts) | 5 | Breite des rechten Bildes in Pixeln, ohne Angabe px | ⧼templatedata-doc-param-type-number⧽ | ⧼templatedata-doc-param-status-suggested⧽ |
| Bildunterschrift (links) | 6 | Beschriftung für das linke Bild (Verwendung als gemeinsame Unterschrift für beide Bilder durch Weglassen von „Bildunterschrift (rechts)“ möglich | ⧼templatedata-doc-param-type-line⧽ | ⧼templatedata-doc-param-status-required⧽ |
| Bildunterschrift (rechts) | 7 | Beschriftung für das rechte Bild (Bei Weglassen wird „Bildunterschrift (links)“ für beide Bilder gemeinsam verwendet.) | ⧼templatedata-doc-param-type-line⧽ | ⧼templatedata-doc-param-status-suggested⧽ |
| Alternativtext (links) | 8 | Alternativtext für das linke Bild | ⧼templatedata-doc-param-type-line⧽ | ⧼templatedata-doc-param-status-optional⧽ |
| Alterntativtext (rechts) | 9 | Alternativtext für das rechte Bild | ⧼templatedata-doc-param-type-line⧽ | ⧼templatedata-doc-param-status-optional⧽ |
| CSS-Klasse (links) | Class1 | CSS-Klasse des linken Bildes | ⧼templatedata-doc-param-type-line⧽ | ⧼templatedata-doc-param-status-optional⧽ |
| CSS-Klasse (rechts) | Class2 | CSS-Klasse des rechten Bildes | ⧼templatedata-doc-param-type-line⧽ | ⧼templatedata-doc-param-status-optional⧽ |
Kopiervorlage
Diese Vorlage erstellt eine Box mit zwei nebeneinander stehenden Bildern. Sie erwartet folgende Parameter: <syntaxhighlight lang="wikitext" copy="1">
<templatestyles src="Mehrere Bilder/styles.css" /><div class="thumb tright vl-mehrere-bilder" style="width:Fehler im Ausdruck: Unerkanntes Wort „linke“px;">
<div class="vl-mehrere-bilder-horizontal" style="width:Fehler im Ausdruck: Unerwarteter Operator <px;">
</syntaxhighlight> alle Parameter <syntaxhighlight lang="wikitext" copy="1">
<templatestyles src="Mehrere Bilder/styles.css" /><div class="thumb tright vl-mehrere-bilder" style="width:Fehler im Ausdruck: Unerkanntes Wort „linke“px;">
<div class="vl-mehrere-bilder-horizontal" style="width:Fehler im Ausdruck: Unerwarteter Operator <px;">
</syntaxhighlight> Alternativtexte könnten weggelassen werden, sollten aber aufgrund der Barrierefreiheit doch verwendet werden, siehe dazu: Wikipedia:Barrierefreiheit#Alternativtext für Bilder.
Beispiele
- Standardgröße
<templatestyles src="Mehrere Bilder/styles.css" />
Ohne Bildgrößenangabe werden die Bilder in einer Breite von 120px dargestellt
<syntaxhighlight lang="wikitext">
<templatestyles src="Mehrere Bilder/styles.css" />
</syntaxhighlight>
- Linksbündig, mit Bildunterschrift unter jedem Bild
bitte beachten, dass bei linksbündiger Ausrichtung zusätzlich ein <div style="clear:both;"></div> unter der Vorlage gesetzt werden sollte
<syntaxhighlight lang="wikitext">
<templatestyles src="Mehrere Bilder/styles.css" />
</syntaxhighlight>
<templatestyles src="Mehrere Bilder/styles.css" />
- Zentriert, mit einer gemeinsamen Bildunterschrift und Alternativtexten
(zweiter Bildunterschrift-Parameter = Leerstelle)
<templatestyles src="Mehrere Bilder/styles.css" />
<syntaxhighlight lang="wikitext">
<templatestyles src="Mehrere Bilder/styles.css" />
</syntaxhighlight>
- class, beispielsweise zur Anpassung an den Dunkelmodus bei Schwarzweißbildern auf transparentem Hintergrund über
skin-invert
<syntaxhighlight lang="wikitext">
<templatestyles src="Mehrere Bilder/styles.css" />
</syntaxhighlight>
<templatestyles src="Mehrere Bilder/styles.css" />
Probleme
Diese Vorlage sollte sparsam eingesetzt werden. Eine Galerie wäre zu bevorzugen. Zu den mit der Vorlage verbundenen Problemen gehören:
- Es ist eine feste Bildgröße erforderlich. Hierdurch wird dem angemeldeten Nutzer die Möglichkeit genommen, die Größe der Bilddarstellung in seinen Voreinstellungen nach seinen Wünschen anzupassen. Wenn die Bilder größer als ein Miniaturbild sind, muss der Leser bei einer langsamen Internetverbindung gegebenenfalls auf das Herunterladen der Bilder warten, auch wenn sie ihn gar nicht interessieren. In einer gewöhnlichen Galerie wird hingegen die Miniaturbild-Eigenschaft ausgenutzt, die auch individuell konfigurierbar ist.
- Festes Layout; die Darstellung „nebeneinander“ ist bei größeren Bildern oder größerer Anzahl auf Smartphones (zurzeit die Mehrzahl unserer Abrufe) nicht sinnvoll möglich. Eine Galerie passt sich dynamisch den Verhältnissen auf dem aktuellen Endgerät an. 2008, als die Vorlage entstand, gab es noch kein Wiki auf Smartphone.
- Um Bilder, die kein einheitliches Format haben, in der Darstellung "nebeneinander" mit einheitlicher Bildhöhe darzustellen, muss für jedes einzelne Bild eine passende Bildbreite ermittelt werden.