Vorlage:Dia: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
 
(24 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 26: Zeile 26:
 
-->{{#vardefine:anm | {{File:{{#var:img}}}} }}<!--   
 
-->{{#vardefine:anm | {{File:{{#var:img}}}} }}<!--   
  
Bildweite, w
+
Standardweite, rw
 
 
  
-->{{#vardefine:w
+
-->{{#vardefine:rw|{{{rw|500}}}}}<!--
|{{#expr: {{#expr:({{{rw|500}}}-{{{l|}}}-{{{r|}}})*6/5}} round 0}}px
 
}}<!--
 
  
Bildhöhe
 
 
Standardhöhe, rh  
 
Standardhöhe, rh  
(padding-top: Umrechnung von px in % der Weite)  
+
(padding-top: Umrechnung von px in % der Weite)
 
+
urspr: {{{rh|300}}}
-->{{#vardefine:rh|{{{rh|{{#expr: {{{rw|500}}}*2}}}}}}}<!--
 
 
 
-->{{#vardefine:rh
 
| {{#ifeq: {{#var:rh}} | auto | <!--do nothing-->
 
| padding-top:{{#expr: {{#var:rh}}/{{{rw|500}}}*100}}%
 
}}
 
}}<!-- 
 
  
 +
-->{{#vardefine:rh|{{{rh|{{#expr: {{#var:rw}}*2}}}}}}}<!--
  
 
Abstände   
 
Abstände   
Zeile 52: Zeile 42:
 
|{{#ifeq: {{#var:rh}} | auto | {{{t|}}}px
 
|{{#ifeq: {{#var:rh}} | auto | {{{t|}}}px
 
|{{#expr: {{{t|}}}/{{#var:rh}}*100}}%
 
|{{#expr: {{{t|}}}/{{#var:rh}}*100}}%
|0}}}}}}<!--
+
|0}}}}}}<!--  
 
-->{{#vardefine:r
 
-->{{#vardefine:r
 
|{{#if:{{{r|}}}  
 
|{{#if:{{{r|}}}  
Zeile 66: Zeile 56:
 
|{{#expr: {{{b|}}}/{{#var:rh}}*100}}%
 
|{{#expr: {{{b|}}}/{{#var:rh}}*100}}%
 
|0}}}}}}<!--     
 
|0}}}}}}<!--     
styles für innen
 
 
-->{{#vardefine:margin| margin-}}<!--
 
-->{{#vardefine:pos_innen| static}}<!--
 
-->{{#if: {{#var:rh}}|{{#vardefine:margin|}}{{#vardefine:pos_innen| absolute}} }}<!--   
 
  
 
Bildweite, w
 
Bildweite, w
  
 
-->{{#vardefine:w  
 
-->{{#vardefine:w  
|{{#expr: {{#expr:({{#var:rw}}-{{#var:l}}-{{#var:r}})*6/5}} round 0}}px  
+
|{{#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
 
style
Zeile 84: Zeile 83:
 
}}<!--   
 
}}<!--   
  
-->{{#vardefine:noviewer
+
-->{{#vardefine:showPopup
| {{#ifeq: {{{noviewer|}}} | 1 |noviewer}}
+
| {{#ifeq: {{{showPopup|}}} | 0
 +
| noPopup
 +
| showPopup}}
 +
}}<!-- 
 +
 
 +
-->{{#vardefine:link
 +
| {{#ifeq: {{{showPopup|}}} | 0
 +
|link=
 +
|
 +
}}
 +
}}<!-- 
 +
 
 +
-->{{#vardefine:fulltext
 +
| <div class='fulltext'>{{#var:anm}}</div>
 
}}<!--   
 
}}<!--   
  
 
HTML  
 
HTML  
  
--><div id='{{#var:img_id}}' class='imgBorder diax2 {{#var:noviewer}}' {{#var:style}}><!--
+
--><div id='{{#var:img_id}}' class='imgBorder dia {{#var:showPopup}}' {{#var:style}}><!--
 
--><div class='aussen' style='{{#var:rh}}'><!--
 
--><div class='aussen' style='{{#var:rh}}'><!--
 
--><div class='innen' style='
 
--><div class='innen' style='
Zeile 99: Zeile 111:
 
   {{#var:margin}}bottom:{{#var:b}};
 
   {{#var:margin}}bottom:{{#var:b}};
 
  '><!--
 
  '><!--
-->[[Bild:{{#var:img}}|{{#var:w}}|ohne|link=]]</div></div>{{#var:text}}<!--
+
-->[[Bild:{{#var:img}}|{{#var:w}}|ohne|{{#var:link}}]]</div></div>{{#var:text}}<!--
  
  Dummy-Bild mit Beschreibung für Media-Viewer:
+
-->{{#ifeq:{{#var:showPopup}} | noPopup
-->{{#if:{{#var:noviewer}}|<!--do nothing-->
+
| <!--do nothing-->
| [[Bild:{{#var:img}}|75x75px|thumb|{{#var:anm}}]]
+
| {{#var:fulltext}}
 
}}<!--
 
}}<!--
--><!--
 
  
 
Attribut für Bildlink
 
Attribut für Bildlink
Zeile 115: Zeile 126:
  
 
-->{{#css:
 
-->{{#css:
.testbild .diax2 {
+
.testbild .dia {
 
     width: 150px;
 
     width: 150px;
 
}
 
}
Zeile 123: Zeile 134:
 
  <nowiki>
 
  <nowiki>
 
  {{Dia
 
  {{Dia
  | img=uzume-hokusai.jpg
+
  | uzume-hokusai.jpg
  | text=(text)
+
  | (text)
 
  | rw= [px]
 
  | rw= [px]
  | rh= [px, auto] <!-- default= rw x 2 -->
+
  | rh= [px, auto] <!-- default= rw -->
  | top=
+
  | t=
 
  | l=
 
  | l=
 
  | r=
 
  | r=

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:

Okuninushi hokusai.jpg
Ō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

Basisvorlage für diverse Bildformate

Vorlagenparameter

ParameterBeschreibungTypStatus
Imgimg

keine Beschreibung

Unbekanntoptional
Texttext

keine Beschreibung

Unbekanntoptional
Rwrw

keine Beschreibung

Unbekanntoptional
Rhrh

keine Beschreibung

Unbekanntoptional
Tt

keine Beschreibung

Unbekanntoptional
Rr

keine Beschreibung

Unbekanntoptional
Ll

keine Beschreibung

Unbekanntoptional
Bb

keine Beschreibung

Unbekanntoptional
Stylestyle

keine Beschreibung

Unbekanntoptional
Noviewernoviewer

Schaltet Popup-Funktion aus

Beispiel
1
Booleschoptional