Vorlage:Doppeltes Bild
Dokumentation
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 |
Format: inline
Box mit zwei nebeneinander stehenden Bildern
| 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
[Quelltext bearbeiten ]Diese 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.
Info: Die Vorlage {{Doppeltes Bild}} darf nicht in eine Zeile gesetzt werden, die Doppelpunkte oder Aufzählungszeichen am Zeilenanfang enthält.
Beispiele
[Quelltext bearbeiten ]- Standardgröße
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}} <divstyle="clear:both;"></div>
- Zentriert, mit einer gemeinsamen Bildunterschrift und Alternativtexten
(zweiter Bildunterschrift-Parameter = Leerstelle)
{{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}}
Probleme
[Quelltext bearbeiten ]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.
Siehe auch
[Quelltext bearbeiten ]Werkzeuge
Bei technischen Fragen zu dieser Vorlage kannst du dich auch an die Vorlagenwerkstatt wenden. Inhaltliche Fragen und Vorschläge gehören zunächst auf die Diskussionsseite. Sie können ggf. auch an eine passende Redaktion, Portal usw. gerichtet werden.
- Verwendungen dieser Vorlage
- Cirrus-Suche zu Einbindungen dieser Vorlage (zunächst nur ANR) mit weiteren Möglichkeiten
- Anzahl der Einbindungen
- Liste der Unterseiten.
- Diese Dokumentation befindet sich auf einer eingebundenen Unterseite [Bearbeiten].
- Test-/Beispielseite erstellen.
- Für diese Vorlage existiert eine XML-Beschreibung [Bearbeiten] für den Vorlagenmeister.