Vorlage:Img: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
 
(5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 34: Zeile 34:
 
-->{{#vardefine:anm | {{File:{{#var:img}}}} }}<!--   
 
-->{{#vardefine:anm | {{File:{{#var:img}}}} }}<!--   
  
style für .diax2
+
style für .dia
  
 
-->{{#vardefine:style
 
-->{{#vardefine:style
Zeile 99: Zeile 99:
 
HTML  
 
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='aussen' style='{{#var:rh_aussen}}'><!--
 
--><div class='innen' style='{{#var:pos_innen}} {{#var:m-t}} {{#var:m-r}} {{#var:m-l}} {{#var:m-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}}]]<!--
 
--></div>{{#var:text}}</div><!--
 
  
 
Attribut für Bildlink
 
Attribut für Bildlink
Zeile 113: Zeile 110:
 
-->{{#set:uses_image={{#var:id}}
 
-->{{#set:uses_image={{#var:id}}
 
}}<!--
 
}}<!--
--></onlyinclude><!--   
+
--></div></onlyinclude><!--   
  
 
CSS
 
CSS
  
 
-->{{#css:
 
-->{{#css:
.testbild .diax2 {
+
.testbild .dia {
 
     width: 200px;
 
     width: 200px;
 
}
 
}

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:

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

Verwendung