Vorlage:Dia: Unterschied zwischen den Versionen

Version vom 5. Oktober 2022, 17:24 Uhr

Dia

Das Bild passt sich an die Größe des umgebenden DIV an. Standardmäßig ist eine div-Dimension von 1:2 angegeben (dies vor allem für Vorlage:Galerie).

Testbild:

Ōkuninushi heilt den Hasen von Inaba, dem Meeresungeheuer (wani) das Fell abgezogen haben. Hokusai interpretiert Ōkuninushi als Daikoku und die wani als Krokodile.
Werk von Katsushika Hokusai (1760–1849). Edo-Zeit. Museum of Fine Arts, Boston.

Parameter:

 {{DiaX.2
 | uzume-hokusai.jpg
 | (text)
 | rw= [px]
 | rh= [px, auto] <!-- default= rw -->
 | top=
 | l=
 | r=
 | lr=
 | b=
 | style= (CSS)
 }}

Verwendung in anderen Vorlagen

Vorlage:W500 (Vorlageneinbindung) ‎ (← Links)
Vorlage:Floatleft (Vorlageneinbindung) ‎ (← Links)
Vorlage:Floatright (Vorlageneinbindung) ‎ (← Links)
Vorlage:W502 (Vorlageneinbindung) ‎ (← Links)
Vorlage:W503 (Vorlageneinbindung) ‎ (← Links)
Vorlage:W503b (Vorlageneinbindung) ‎ (← Links)
Vorlage:DiaX.2 (Weiterleitungsseite) ‎ (← Links)
Vorlage:Floatright2 (Vorlageneinbindung) ‎ (← Links)
Vorlage:W502 pair (Vorlageneinbindung) ‎ (← Links)

Basisvorlage für diverse Bildformate

Vorlagenparameter
Parameter		Beschreibung	Typ	Status
Img	`img`	keine Beschreibung	Unbekannt	optional
Text	`text`	keine Beschreibung	Unbekannt	optional
Rw	`rw`	keine Beschreibung	Unbekannt	optional
Rh	`rh`	keine Beschreibung	Unbekannt	optional
T	`t`	keine Beschreibung	Unbekannt	optional
R	`r`	keine Beschreibung	Unbekannt	optional
L	`l`	keine Beschreibung	Unbekannt	optional
B	`b`	keine Beschreibung	Unbekannt	optional
Style	`style`	keine Beschreibung	Unbekannt	optional
Noviewer	`noviewer`	Schaltet Popup-Funktion aus Beispiel 1	Boolesch	optional

@@ Zeile 1: / Zeile 1: @@
 {{titel|{{PAGENAME}}}}
-Testbild
+Das Bild passt sich an die Größe des umgebenden DIV an. Standardmäßig ist eine div-Dimension von 1:2 angegeben (dies vor allem für Vorlage:Galerie).
+Testbild:
 <div class='testbild'><!--
 --><onlyinclude><!--
@@ Zeile 6: / Zeile 9: @@
 VARIABLE
--->{{#vardefine: img |{{{1|uzume-hokusai.jpg}}} }}<!--
+-->{{#vardefine: img
--->{{#vardefine: id | i_{{#regex: {{#regex: {{#var:img}} |/[^\.]+/}}|/ /|_}} }}<!--
+|{{{img|okuninushi_hokusai.jpg}}}
+}}<!--
+-->{{#vardefine: img_id
+| i_{{#regex: {{#regex: {{lcfirst:{{#var:img}}}} |/[^\.]+/}}|/ /|_}}
+}}<!--
 Bildtext kurz
 -->{{#vardefine:text
-| {{#if: {{{2|}}}
+| {{#if: {{{text|}}}
-|<div class='bildtext'>{{#if: {{{ref|}}}|{{ref|bild={{{1|}}} }} }} {{{2|}}}</div>
+|<dfn><small class='bildtext'>{{{text|}}}</small></dfn>
 }}
 }}<!--
@@ Zeile 19: / Zeile 26: @@
 Bildtext Anmerkung
--->{{#vardefine:anm
+-->{{#vardefine:anm | {{File:{{#var:img}}}} }}<!--
-| {{File:{{#var:img}}}}
+Standardweite, rw
+-->{{#vardefine:rw|{{{rw|500}}}}}<!--
+Standardhöhe, rh
+(padding-top: Umrechnung von px in % der Weite)
+urspr: {{{rh|300}}}
+-->{{#vardefine:rh|{{{rh|{{#expr: {{#var:rw}}*2}}}}}}}<!--
+Abstände
+-->{{#vardefine:t
+|{{#if:{{{t|}}}
+|{{#ifeq: {{#var:rh}} | auto | {{{t|}}}px
+|{{#expr: {{{t|}}}/{{#var:rh}}*100}}%
+|0}}}}}}<!--
+-->{{#vardefine:r
+|{{#if:{{{r|}}}
+|{{#expr: {{{r|}}}/{{#var:rw}}*100}}%
+|0}}}}<!--
+-->{{#vardefine:l
+|{{#if:{{{l|}}}
+|{{#expr: {{{l|}}}/{{#var:rw}}*100}}%
+|0}}}}<!--
+-->{{#vardefine:b
+|{{#if:{{{b|}}}
+|{{#ifeq: {{#var:rh}} | auto | {{{b|}}}px
+|{{#expr: {{{b|}}}/{{#var:rh}}*100}}%
+|0}}}}}}<!--
+Bildweite, w
+-->{{#vardefine:w
+|{{#expr: {{#expr:({{#var:rw}}-{{#var:l}}-{{#var:r}})*6/5}} round 0}}px
+}}<!--
+-->{{#vardefine:t
+|{{#if:{{{t|}}}
+|{{#ifeq: {{#var:rh}} | auto | {{{t|}}}px
+|{{#expr: {{{t|}}}/{{#var:rh}}*100}}%
+|0}}}}}}<!--
+-->{{#vardefine:rh
+| {{#ifeq: {{#var:rh}} | auto | <!--do nothing-->
+| padding-top:{{#expr: {{#var:rh}}/{{#var:rw}}*100}}%
+}}
+}}<!--
+styles für innen
+-->{{#vardefine:margin| margin-}}<!--
+-->{{#vardefine:pos_innen| static}}<!--
+-->{{#if: {{#var:rh}}|{{#vardefine:margin|}}{{#vardefine:pos_innen| absolute}} }}<!--
+Bildweite, w
+-->{{#vardefine:w
+|{{#expr: {{#expr:({{#var:rw}}-{{#var:l}}-{{#var:r}})*6/5}} round 0}}px
+}}<!--
+style
+-->{{#vardefine:style
+| {{#if: {{{style|}}} | style='{{{style|}}}'}}
+}}<!--
+-->{{#vardefine:noviewer
+| {{#ifeq: {{{noviewer|}}} | 1 |noviewer}}
 }}<!--
 HTML
---><div id='{{#var:id}}' class='imgBorder {{{hell|}}}'><!--
+--><div id='{{#var:img_id}}' class='imgBorder diax2 {{#var:noviewer}}' {{#var:style}}><!--
---><div class='aussen'>[[Bild:{{#var:img}}|20x20px|thumb|{{#var:anm}}]]
+--><div class='aussen' style='{{#var:rh}}'><!--
-  <div class='innen' style='
+--><div class='innen' style='
-   {{#var:margin}}top: {{{top|0}}}px;
+  position:{{#var:pos_innen}};
-   {{#var:margin}}left: {{{left|0}}}px;
+   {{#var:margin}}top:{{#var:t}};
-   {{#var:margin}}right: {{{right|0}}px;
+   {{#var:margin}}right:{{#var:r}};
-   bottom: 0px;
+   {{#var:margin}}left:{{#var:l}};
-  '>[[Bild:{{#var:img}}|500px|ohne|link=]]</div>
+   {{#var:margin}}bottom:{{#var:b}};
-</div>{{#var:text}}</div><!--
+  '><!--
+-->[[Bild:{{#var:img}}|{{#var:w}}|ohne|link=]]</div>{{#var:text}}<!--
+  Dummy-Bild mit Beschreibung für Media-Viewer:
+-->{{#if:{{#var:noviewer}}|<!--do nothing-->
+| [[Bild:{{#var:img}}|75x75px|thumb|{{#var:anm}}]]
+}}<!--
+--></div><!--
+Attribut für Bildlink
+-->{{#set:uses_image={{#var:img_id}}
+}}</div></onlyinclude><!--
---></onlyinclude></div>
+CSS
+-->{{#css:
+.testbild .diax2 {
+    width: 150px;
+}
+}}</div>
 ----
 Parameter:
   <nowiki>
-  {{DiaX
+  {{DiaX.2
   | uzume-hokusai.jpg
   | (text)
-  | rw=240
+  | rw= [px]
-  | rh=240
+  | rh= [px, auto] <!-- default= rw -->
- | w=
   | top=
-  | left=
+  | l=
+ | r=
   | lr=
-  | hell=
+  | b=
   | style= (CSS)
   }}
-  </nowiki>
+  </nowiki><!--
+{{Spezial:Linkliste/{{FULLPAGENAME}}}}
+--><noinclude>
+=== Verwendung in anderen Vorlagen ===
+{{Spezial:Linkliste/{{FULLPAGENAME}}|namespace=10}}
+<templatedata>
+{
+	"params": {
+		"img": {},
+		"text": {},
+		"rw": {},
+		"rh": {},
+		"t": {},
+		"r": {},
+		"l": {},
+		"b": {},
+		"style": {},
+		"noviewer": {
+			"description": "Schaltet Popup-Funktion aus",
+			"example": "1",
+			"type": "boolean"
+		}
+	},
+	"description": "Basisvorlage für diverse Bildformate"
+}
+</templatedata></noinclude>

Vorlage:Dia: Unterschied zwischen den Versionen

Version vom 5. Oktober 2022, 17:24 Uhr

Verwendung in anderen Vorlagen

Navigationsmenü

Suche