Vorlage:Dia: Unterschied zwischen den Versionen

Aktuelle Version vom 6. November 2023, 16:32 Uhr

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:

 {{Dia
 | uzume-hokusai.jpg
 | (text)
 | rw= [px]
 | rh= [px, auto] <!-- default= rw -->
 | t=
 | 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}}}}
+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
+Testbild:
 <div class='testbild'><!--
 --><onlyinclude><!--
@@ Zeile 6: / Zeile 7: @@
 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 24: @@
 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}}-{{{l|0}}}-{{{r|0}}})*6/5}} round 0}}px
+}}<!--
+Rahmenhöhe
+-->{{#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}} }}<!--
+style
+-->{{#vardefine:style
+| {{#if: {{{style|}}} | style='{{{style|}}}'}}
+}}<!--
+-->{{#vardefine:showPopup
+| {{#ifeq: {{{showPopup|}}} | 0
+| noPopup
+| showPopup}}
+}}<!--
+-->{{#vardefine:link
+| {{#ifeq: {{{showPopup|}}} | 0
+ |link=
+ |
+ }}
+}}<!--
+-->{{#vardefine:fulltext
+| <div class='fulltext'>{{#var:anm}}</div>
 }}<!--
 HTML
---><div id='{{#var:id}}' class='imgBorder {{{hell|}}} diax2'><!--
+--><div id='{{#var:img_id}}' class='imgBorder dia {{#var:showPopup}}' {{#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}}|240px|ohne|link=]]</div>
+   {{#var:margin}}bottom:{{#var:b}};
-</div>{{#var:text}}</div><!--
+  '><!--
+-->[[Bild:{{#var:img}}|{{#var:w}}|ohne|{{#var:link}}]]</div></div>{{#var:text}}<!--
+-->{{#ifeq:{{#var:showPopup}} | noPopup
+| <!--do nothing-->
+| {{#var:fulltext}}
+}}<!--
+Attribut für Bildlink
+-->{{#set:uses_image={{#var:img_id}}
+}}</div></onlyinclude><!--
+CSS
 -->{{#css:
-.imgBorder.diax2  {
+.testbild .dia {
-position: relative;
+     width: 150px;
-    margin: 4px auto;
-    display: table;
-}
-.diax2 .thumb .thumbinner,
-.diax2  .thumb .thumbinner a {
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-     width: auto!important;
-    opacity: 0;
-}
-.diax2 img {
-    width: 100%;
-    height: inherit;
 }
-}}</onlyinclude></div>
+}}</div>
 ----
 Parameter:
   <nowiki>
-  {{DiaX
+  {{Dia
   | uzume-hokusai.jpg
   | (text)
-  | rw=240
+  | rw= [px]
-  | rh=240
+  | rh= [px, auto] <!-- default= rw -->
-  | w=
+  | t=
-  | top=
+  | l=
-  | left=
+  | 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

Aktuelle Version vom 6. November 2023, 16:32 Uhr

Verwendung in anderen Vorlagen

Navigationsmenü

Suche