Vorlage:Dia: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
Zeile 22: Zeile 22:
 
| {{File:{{#var:img}}}}
 
| {{File:{{#var:img}}}}
 
}}<!--   
 
}}<!--   
 +
 +
Standardweite, rw
 +
 +
-->{{#vardefine:rw | 600 }}<!--
 +
 +
Standardhöhe, rh
 +
 +
-->{{#vardefine:rh | {{#ifeq: {{{rh|}}} | auto |auto
 +
| {{#expr:{{{rh|{{{rahmen_h|300 }}} }}}*6/5}}
 +
}} }}<!-- 
  
 
HTML  
 
HTML  
  
--><div id='{{#var:id}}' class='imgBorder {{{hell|}}} diax2'><!--
+
--><div id='{{#var:id}}' class='imgBorder diax2 {{{hell|}}} {{{class|}}}'><!--
--><div class='aussen'>[[Bild:{{#var:img}}|20x20px|thumb|{{#var:anm}}]]
+
--><div class='aussen'  style='
 +
height: {{rh|inherit}}
 +
'>[[Bild:{{#var:img}}|75x75px|thumb|{{#var:anm}}]]
 
   <div class='innen' style='
 
   <div class='innen' style='
 
   margin-top: {{{top|0}}}px;
 
   margin-top: {{{top|0}}}px;
Zeile 32: Zeile 44:
 
   margin-bottom: {{{b|0}}}px;  
 
   margin-bottom: {{{b|0}}}px;  
 
   margin-left: {{{l|{{{lr|0}}}}}}px;  
 
   margin-left: {{{l|{{{lr|0}}}}}}px;  
  '>[[Bild:{{#var:img}}|240px|ohne|link=]]</div>
+
  '>[[Bild:{{#var:img}}|{{#var:rw}}px|ohne|link=]]</div>
 
</div>{{#var:text}}</div><!--   
 
</div>{{#var:text}}</div><!--   
  
Zeile 51: Zeile 63:
 
     opacity: 0;
 
     opacity: 0;
 
}
 
}
.diax2 img {
+
.diax2 .innen img {
 
     width: 100%;
 
     width: 100%;
 
     height: inherit;
 
     height: inherit;
Zeile 57: Zeile 69:
 
.diax2 a {
 
.diax2 a {
 
     cursor: zoom-in;
 
     cursor: zoom-in;
 +
}
 +
.diax2 .bildtext {
 +
    position: absolute;
 +
    left: 0;
 +
    right: 0;
 +
    bottom: 0;
 +
    padding: 4px .5em;
 +
    line-height: 16px;
 +
    background-color: rgba(0,0,0,0.5);
 +
    color: #E3E3CA;
 
}
 
}
 
}}</onlyinclude></div>  
 
}}</onlyinclude></div>  
Zeile 62: Zeile 84:
 
Parameter:
 
Parameter:
 
  <nowiki>
 
  <nowiki>
  {{DiaX
+
  {{DiaX.2
 
  | uzume-hokusai.jpg
 
  | uzume-hokusai.jpg
 
  | (text)
 
  | (text)
  | rw=240
+
  | rw=standard/px
  | rh=240
+
  | rh=auto/standard/px
| w=
 
 
  | top=
 
  | top=
 
  | l=
 
  | l=
 
  | r=
 
  | r=
 +
| lr=
 
  | b=
 
  | b=
| lr=
 
 
  | hell=
 
  | hell=
 +
| class=
 
  | style= (CSS)
 
  | style= (CSS)
 
  }}
 
  }}
 
  </nowiki>
 
  </nowiki>

Version vom 8. Dezember 2019, 17:13 Uhr

Dia

Testbild

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

Parameter:

 {{DiaX.2
 | uzume-hokusai.jpg
 | (text)
 | rw=standard/px
 | rh=auto/standard/px
 | top=
 | l=
 | r=
 | lr=
 | b=
 | hell=
 | class=
 | style= (CSS)
 }}