Vorlage:Img: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
Zeile 12: Zeile 12:
 
-->{{#vardefine: id | i_{{#regex: {{#regex: {{#var:img}} |/[^\.]+/}}|/ /|_}} }}<!--   
 
-->{{#vardefine: id | i_{{#regex: {{#regex: {{#var:img}} |/[^\.]+/}}|/ /|_}} }}<!--   
  
Bildtext kurz (var:ref kann auch von parent-page geliefert werden)
+
ref (var:ref_grid wird von parent-page geliefert)
  
 +
-->{{#vardefine:ref
 +
|{{#if: {{{ref|{{#var:ref_grid}}}}}|{{ref|bild={{#var:img}} }}
 +
| }}
 +
}}<!-- 
 +
 +
Bildtext kurz
 
-->{{#vardefine:text
 
-->{{#vardefine:text
 
| {{#if: {{{2|{{{text|}}}}}}  
 
| {{#if: {{{2|{{{text|}}}}}}  
|<div class='bildtext'>{{#if: {{{ref|{{#var:ref}}}}}|{{ref|bild={{#var:img}} }} }}{{{2|{{{text|}}}}}}</div>
+
|<div class='bildtext'>{{{2|{{{text|}}}}}}</div>
 
}}
 
}}
 
}}<!--   
 
}}<!--   
Zeile 30: Zeile 36:
 
}}<!--   
 
}}<!--   
  
Standardweite, rw (var:rw kann auch von parent-page geliefert werden)
+
Standardweite, rw (var:rw_grid wird von parent-page geliefert)
  
 
-->{{#vardefine:rw
 
-->{{#vardefine:rw
|{{{rw|{{#if:{{#var:rw}}|{{#var:rw}}|200}} }}}
+
|{{#if:{{{rw|}}}|{{{rw|}}}
}}<!--
+
|{{#if:{{#var:rw_grid}}|{{#var:rw_grid}}|200}}  
 +
}} }}<!--
  
 
Standardhöhe, rh (var:rw kann auch von parent-page geliefert werden)
 
Standardhöhe, rh (var:rw kann auch von parent-page geliefert werden)
  
 
-->{{#vardefine:rh
 
-->{{#vardefine:rh
|{{{rh|{{#if:{{#var:rh}}|{{#var:rh}}|{{#expr: {{#var:rw}}*2 }} }} }}}
+
|{{#if:{{{rh|}}}|{{{rh|}}}
}}<!--  
+
|{{#if:{{#var:rh_grid}}|{{#var:rh_grid}}
 +
|{{#expr: {{#var:rw}}*2 }}
 +
}} }} }}<!--  
  
 
   padding-top: Umrechnung von px in % der Weite
 
   padding-top: Umrechnung von px in % der Weite

Version vom 14. Juni 2020, 13:21 Uhr

Img

Das Bild passt sich an die Größe des umgebenden DIV an. Standardmäßig ist eine div-Dimension von 1:1 angegeben.

Testbild:

Uzume-hokusai.jpg
Darstellung der Ame no Uzume.
Werk von Katsushika Hokusai. Edo-Zeit, 1816. Internet Archive, Birmingham Young University.

Parameter:

 {{img
 | uzume-hokusai.jpg
 | (text)
 | rw=   <!-- Rahmenweite -->  
 | rh=   <!-- Rahmenhöhe, px oder auto, default= rw -->
 | t=    <!-- top (Abstand oben) -->
 | l=    <!-- left  -->
 | r=    <!-- right  -->
 | lr=   <!-- left and right  -->
 | b=    <!-- bottom  -->
 | ref=  <!-- 1 -->
 | style= <!-- CSS-Befehl -->
 }}