Cowboy: Neu angelegt

2025-03-07T00:22:52Z

Neu angelegt

Neue Seite

<noinclude>{{Dokumentation/Dokuseite}}</noinclude>
{{TemplateData|JSON=
{ "description": "Box mit zwei nebeneinander stehenden Bildern",
"params": {
"1": {
"label": "Ausrichtung",
"description": "Position der Box auf der Seite – mögliche Werte: links / rechts / zentriert / ohne",
"type": "line",
"default": "rechts"
},
"2": {
"label": "Bild (links)",
"description": "Dateiname des linken Bildes",
"type": "wiki-file-name",
"required": true
},
"3": {
"label": "Bildgröße (links)",
"description": "Breite des linken Bildes in Pixeln, ohne Angabe ''px''",
"type": "number",
"suggested": true,
"default": "120"
},
"4": {
"label": "Bild (rechts)",
"description": "Dateiname des rechten Bildes",
"type": "wiki-file-name",
"required": true
},
"5": {
"label": "Bildgröße (rechts)",
"description": "Breite des rechten Bildes in Pixeln, ohne Angabe ''px''",
"type": "number",
"suggested": true,
"default": "120"
},
"6": {
"label": "Bildunterschrift (links)",
"description": "Beschriftung für das linke Bild (Verwendung als gemeinsame Unterschrift für beide Bilder durch Weglassen von „Bildunterschrift (rechts)“ möglich",
"type": "line",
"required": true
},
"7": {
"label": "Bildunterschrift (rechts)",
"description": "Beschriftung für das rechte Bild (Bei Weglassen wird „Bildunterschrift (links)“ für beide Bilder gemeinsam verwendet.)",
"type": "line",
"suggested": true
},
"8": {
"label": "Alternativtext (links)",
"description": "Alternativtext für das linke Bild",
"type": "line"
},
"9": {
"label": "Alterntativtext (rechts)",
"description": "Alternativtext für das rechte Bild",
"type": "line"
},
"Class1": {
"label": "CSS-Klasse (links)",
"description": "CSS-Klasse des linken Bildes",
"type": "line"
},
"Class2": {
"label": "CSS-Klasse (rechts)",
"description": "CSS-Klasse des rechten Bildes",
"type": "line"
}
},
"format": "inline"
}
|TOC=1}}

== Kopiervorlage ==
Diese Vorlage erstellt eine Box mit zwei nebeneinander stehenden Bildern. Sie erwartet folgende Parameter:
<syntaxhighlight lang="wikitext" copy="1">
{{Doppeltes Bild|links/rechts/zentriert/ohne|Linkes Bild|Linke Bildgröße|Rechtes Bild|Rechte Bildgröße|Linke Bildunterschrift|Rechte Bildunterschrift|Linker Alternativtext|Rechter Alternativtext}}
</syntaxhighlight>
'''alle Parameter'''
<syntaxhighlight lang="wikitext" copy="1">
{{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=}}
</syntaxhighlight>
Alternativtexte könnten weggelassen werden, sollten aber aufgrund der Barrierefreiheit doch verwendet werden, siehe dazu: [[Wikipedia:Barrierefreiheit#Alternativtext für Bilder]].

{{Achtung|1={{Info}} Die Vorlage {{Vorlage|Doppeltes Bild}} darf nicht in eine Zeile gesetzt werden, die Doppelpunkte oder Aufzählungszeichen am Zeilenanfang enthält.}}

== Beispiele ==
;Standardgröße
{{Doppeltes Bild|rechts|Yellow card.svg||Red card.svg||Gelbe Karte|Rote Karte|Symbolhafte Darstellung einer gelben Karte|Symbolhafte Darstellung einer roten Karte}}
Ohne Bildgrößenangabe werden die Bilder in einer Breite von <code>120px</code> dargestellt

<syntaxhighlight lang="wikitext">
{{Doppeltes Bild|rechts|Yellow card.svg||Red card.svg||Gelbe Karte|Rote Karte|Symbolhafte Darstellung einer gelben Karte|Symbolhafte Darstellung einer roten Karte}}
</syntaxhighlight>

; Linksbündig, mit Bildunterschrift unter jedem Bild
bitte beachten, dass bei linksbündiger Ausrichtung zusätzlich ein <code><nowiki><div style="clear:both;"></div></nowiki></code> unter der Vorlage gesetzt werden sollte
<syntaxhighlight lang="wikitext">
{{Doppeltes Bild|links|Yellow card.svg|60|Red card.svg|60|Gelbe Karte|Rote Karte}}
<div style="clear:both;"></div>
</syntaxhighlight>

{{Doppeltes Bild|links|Yellow card.svg|60|Red card.svg|60|Gelbe Karte|Rote Karte}}
<div style="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 einer gelben Karte verwarnt und mit einer roten Karte vom Platz verwiesen||Symbolhafte Darstellung einer gelben Karte|Symbolhafte Darstellung einer roten Karte}}
<syntaxhighlight lang="wikitext">
{{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}}
</syntaxhighlight>

; class, beispielsweise zur Anpassung an den [[WP:Dark Mode|Dunkelmodus]] bei Schwarzweißbildern auf transparentem Hintergrund über <code>skin-invert</code>
<syntaxhighlight lang="wikitext">
{{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}}
</syntaxhighlight>
{{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 ==
Diese Vorlage sollte sparsam eingesetzt werden. Eine [[Hilfe:Galerie|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 ==
* [[Vorlage:Mehrere Bilder]]
* [[Hilfe:Bilder #Bilder nebeneinander]]
<includeonly>
[[Kategorie:Vorlage:Formatierungshilfe/Medien]]
</includeonly>

Vorlage:Doppeltes Bild/Doku - Versionsgeschichte

Cowboy: Neu angelegt