Vorlage:Img: Unterschied zwischen den Versionen

Aktuelle Version vom 6. November 2023, 15:29 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:

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 -->
 }}

Verwendung

Bauten/Tempel/Pagoden (Vorlageneinbindung) ‎ (← Links)
Bauten/Bekannte Tempel/Berg Koya (Vorlageneinbindung) ‎ (← Links)
Bauten/Bekannte Schreine/Inari (Vorlageneinbindung) ‎ (← Links)
Bauten/Bekannte Schreine/Itsukushima (Vorlageneinbindung) ‎ (← Links)
Alltag/Opfergaben/Ema (Vorlageneinbindung) ‎ (← Links)
Alltag/Jahr (Vorlageneinbindung) ‎ (← Links)
Alltag/Familie/Shichigosan (Vorlageneinbindung) ‎ (← Links)
Alltag/Moenche/Moenchstracht (Vorlageneinbindung) ‎ (← Links)
Ikonographie/Waechtergoetter/Nio (Vorlageneinbindung) ‎ (← Links)
Ikonographie/Waechtergoetter/Wind und Donner (Vorlageneinbindung) ‎ (← Links)
Benutzer:Bescheid ‎ (← Links)
Essays/Arhats (Vorlageneinbindung) ‎ (← Links)

@@ 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).
+Das Bild passt sich an die Größe des umgebenden DIV an. Standardmäßig ist eine div-Dimension von 1:1 angegeben.
 Testbild:
@@ Zeile 9: / Zeile 9: @@
 VARIABLE
--->{{#vardefine: img |{{{1|{{{img|okuninushi_hokusai.jpg}}}}}} }}<!--
+-->{{#vardefine: img
--->{{#vardefine: id | i_{{#regex: {{#regex: {{#var:img}} |/[^\.]+/}}|/ /|_}} }}<!--
+| {{{1|{{{img|uzume-hokusai.jpg}}}}}}
+}}<!--
+-->{{#vardefine: id
+| i_{{#regex: {{#regex: {{lcfirst:{{#var:img}}}} |/[^\.]+/}}|/ /|_}}
+}}<!--
+ ref (var:ref_grid wird von parent-page geliefert)
+-->{{#vardefine:ref
+|{{#if: {{{ref|{{#var:ref_grid}}}}}|{{ref|bild={{#var:img}} }}
+| }}
+}}<!--
 Bildtext kurz
 -->{{#vardefine:text
-| {{#if: {{{text|}}}
+| {{#if: {{{2|{{{text|{{#var:ref}}}}}}}}
-|<div class='bildtext'>{{#if: {{{ref|}}}|{{ref|bild={{#var:img}} }} }}{{{text|}}}</div>
+|<div class='bildtext'>{{#var:ref}}{{{2|{{{text|}}}}}}</div>
 }}
 }}<!--
@@ Zeile 24: / Zeile 34: @@
 -->{{#vardefine:anm | {{File:{{#var:img}}}} }}<!--
-style für .diax2
+style für .dia
 -->{{#vardefine:style
@@ Zeile 30: / Zeile 40: @@
 }}<!--
-Standardweite, rw
+Standardweite, rw (var:rw_grid wird von parent-page geliefert)
 -->{{#vardefine:rw
-|{{{rw|500}}}
+|{{#if:{{{rw|}}}|{{{rw|}}}
-}}<!--
+|{{#if:{{#var:rw_grid}}|{{#var:rw_grid}}|200}}
+}} }}<!--
-Standardhöhe, rh
+Standardhöhe, rh (var:rw kann auch von parent-page geliefert werden)
 -->{{#vardefine:rh
-|{{{rh|{{#var:rw}} }}}
+|{{#if:{{{rh|}}}|{{{rh|}}}
-}}<!--
+|{{#if:{{#var:rh_grid}}|{{#var:rh_grid}}
+|{{#var:rw}}
+}} }} }}<!--
     padding-top: Umrechnung von px in % der Weite
@@ Zeile 53: / Zeile 66: @@
       Bildweite = w
+-->{{#vardefine:l | {{{l|{{{lr|0}}} }}} }}<!--
+-->{{#vardefine:r | {{{r|{{{lr|0}}} }}} }}<!--
 -->{{#vardefine:w
-|{{#expr: {{#expr:({{#var:rw}}-{{{l|}}}-{{{l|}}})*6/5}} round 0}}px
+|{{#expr:({{#var:rw}}-{{#var:l}}-{{#var:r}})*6/5 round 0}}px
 }}<!--
@@ Zeile 65: / Zeile 80: @@
     Abstände  in % von rw
--->{{#vardefine:t
+-->{{#vardefine:m-t
 |{{#if:{{{t|}}}
 |margin-top:{{#expr: {{{t|}}}/{{#var:rw}}*100 round 2}}%;
 }}}}<!--
--->{{#vardefine:r
+-->{{#vardefine:m-r
-|{{#if:{{{r|}}}
+|{{#if:{{#var:r}}
-|margin-right:{{#expr: {{{r|}}}/{{#var:rw}}*100 round 2}}%;
+|margin-right:{{#expr: {{#var:r}}/{{#var:rw}}*100 round 2}}%;
 }}}}<!--
--->{{#vardefine:l
+-->{{#vardefine:m-l
-|{{#if:{{{l|}}}
+|{{#if:{{#var:l}}
-|margin-left:{{#expr: {{{l|}}}/{{#var:rw}}*100 round 2}}%;
+|margin-left:{{#expr: {{#var:l}}/{{#var:rw}}*100 round 2}}%;
 }}}}<!--
--->{{#vardefine:b
+-->{{#vardefine:m-b
 |{{#if:{{{b|}}}
 |margin-bottom:{{#expr: {{{b|}}}/{{#var:rw}}*100 round 2}}%;
 }}}}<!--
-Bildweite, w
--->{{#vardefine:w
-|{{#expr: {{#expr:({{#var:rw}}-{{#var:l}}-{{#var:r}})*6/5}} round 0}}px
-}}<!--
 HTML
---><div id='{{#var:id}}' class='imgBorder diax2' {{#var:style}}><!--
+--><div id='{{#var:id}}' class='imgBorder dia showPopup' {{#var:style}}><!--
 --><div class='aussen' style='{{#var:rh_aussen}}'><!--
---><div class='innen' style='{{#var:pos_innen}} {{#var:t}} {{#var:r}} {{#var:l}} {{#var:b}}'><!--
+--><div class='innen' style='{{#var:pos_innen}} {{#var:m-t}} {{#var:m-r}} {{#var:m-l}} {{#var:m-b}}'><!--
--->[[Bild:{{#var:img}}|{{#var:w}}|ohne|link=]]</div><!--
+-->[[Bild:{{#var:img}}|{{#var:w}}|ohne]]</div></div>{{#var:text}}<!--
-  Dummy-Bild mit Beschreibung für Media-Viewer:
+--><div class='fulltext'>{{#var:anm}}</div><!--
--->[[Bild:{{#var:img}}|75x75px|thumb|{{#var:anm}}]]<!--
+Attribut für Bildlink
---></div>{{#var:text}}</div></onlyinclude><!--
+-->{{#set:uses_image={{#var:id}}
+}}<!--
+--></div></onlyinclude><!--
 CSS
 -->{{#css:
-.testbild .diax2 {
+.testbild .dia {
-     width: 150px;
+     width: 200px;
 }
 }}</div>
@@ Zeile 110: / Zeile 122: @@
 Parameter:
   <nowiki>
-  {{DiaX.2
+  {{img
   | uzume-hokusai.jpg
   | (text)
-  | rw= [px]
+  | rw=   <!-- Rahmenweite -->
-  | rh= [px, auto] <!-- default= rw -->
+  | rh=   <!-- Rahmenhöhe, px oder auto, default= rw -->
-  | top=
+  | t=    <!-- top (Abstand oben) -->
-  | l=
+  | l=    <!-- left  -->
-  | r=
+  | r=    <!-- right  -->
-  | lr=
+  | lr=   <!-- left and right  -->
-  | b=
+  | b=    <!-- bottom  -->
-  | style= (CSS)
+ | ref=  <!-- 1 -->
+  | style= <!-- CSS-Befehl -->
   }}
-  </nowiki>
+  </nowiki><!--
+--><noinclude>
+=== Verwendung ===
+{{Spezial:Linkliste/{{FULLPAGENAME}}}}
+</noinclude>

Vorlage:Img: Unterschied zwischen den Versionen

Aktuelle Version vom 6. November 2023, 15:29 Uhr

Verwendung

Navigationsmenü

Suche