Vorlage:Doppeltes Bild
Box mit zwei nebeneinander stehenden Bildern
Vorlagenparameter
| Parameter | Beschreibung | Typ | Status | |
|---|---|---|---|---|
| Ausrichtung | 1 | Position der Box auf der Seite – mögliche Werte: links / rechts / zentriert / ohne
| Einzeiliger Text | optional |
| Bild (links) | 2 | Dateiname des linken Bildes | Datei | erforderlich |
| Bildgröße (links) | 3 | Breite des linken Bildes in Pixeln, ohne Angabe px
| Zahlenwert | vorgeschlagen |
| Bild (rechts) | 4 | Dateiname des rechten Bildes | Datei | erforderlich |
| Bildgröße (rechts) | 5 | Breite des rechten Bildes in Pixeln, ohne Angabe px
| Zahlenwert | vorgeschlagen |
| Bildunterschrift (links) | 6 | Beschriftung für das linke Bild (Verwendung als gemeinsame Unterschrift für beide Bilder durch Weglassen von „Bildunterschrift (rechts)“ möglich | Einzeiliger Text | erforderlich |
| Bildunterschrift (rechts) | 7 | Beschriftung für das rechte Bild (Bei Weglassen wird „Bildunterschrift (links)“ für beide Bilder gemeinsam verwendet.) | Einzeiliger Text | vorgeschlagen |
| Alternativtext (links) | 8 | Alternativtext für das linke Bild | Einzeiliger Text | optional |
| Alterntativtext (rechts) | 9 | Alternativtext für das rechte Bild | Einzeiliger Text | optional |
| CSS-Klasse (links) | Class1 | CSS-Klasse des linken Bildes | Einzeiliger Text | optional |
| CSS-Klasse (rechts) | Class2 | CSS-Klasse des rechten Bildes | Einzeiliger Text | optional |
Kopiervorlage
BearbeitenDiese Vorlage erstellt eine Box mit zwei nebeneinander stehenden Bildern. Sie erwartet folgende Parameter:
{{Doppeltes Bild|links/rechts/zentriert/ohne|Linkes Bild|Linke Bildgröße|Rechtes Bild|Rechte Bildgröße|Linke Bildunterschrift|Rechte Bildunterschrift|Linker Alternativtext|Rechter Alternativtext}}
alle Parameter
{{Doppeltes Bild|links/rechts/zentriert/ohne|Linkes Bild|Linke Bildgröße|Rechtes Bild|Rechte Bildgröße|Linke Bildunterschrift|Rechte Bildunterschrift|Linker Alternativtext|Rechter Alternativtext|Class1=|Class2=}}
Alternativtexte könnten weggelassen werden, sollten aber aufgrund der Barrierefreiheit doch verwendet werden, siehe dazu: Wikipedia:Barrierefreiheit#Alternativtext für Bilder.
Beispiele
Bearbeiten- Standardgröße
Gelbe Karte
Rote Karte
Ohne Bildgrößenangabe werden die Bilder in einer Breite von 120px dargestellt
{{Doppeltes Bild|rechts|Yellow card.svg||Red card.svg||Gelbe Karte|Rote Karte|Symbolhafte Darstellung einer gelben Karte|Symbolhafte Darstellung einer roten Karte}}
- 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
{{Doppeltes Bild|links|Yellow card.svg|60|Red card.svg|60|Gelbe Karte|Rote Karte}}
<div style="clear:both;"></div>
Gelbe Karte
Rote Karte
- Zentriert, mit einer gemeinsamen Bildunterschrift und Alternativtexten
(zweiter Bildunterschrift-Parameter = Leerstelle)
Spieler werden mit einer gelben Karte verwarnt und mit einer roten Karte vom Platz verwiesen
{{Doppeltes Bild|zentriert|Yellow card.svg|80|Red card.svg|80|Spieler werden mit … verwiesen.||Symbolhafte Darstellung einer gelben Karte|Symbolhafte Darstellung einer roten Karte}}
- class, beispielsweise zur Anpassung an den Dunkelmodus bei Schwarzweißbildern auf transparentem Hintergrund über
skin-invert
{{Doppeltes Bild|ohne|G-major e-minor.svg|100|WasserValenz.svg|121|Notenschlüssel: G-dur, e-moll|Strukturformel Wasser <chem>H2O</chem>|Class1=skin-invert|Class2=skin-invert}}
Notenschlüssel: G-dur, e-moll
Strukturformel Wasser
Probleme
BearbeitenDiese 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.