Difference between revisions of "Cropimage"

From Sega Retro

(added vertical-align: middle for sprites (to align to middle of text instead of baseline))
Line 1: Line 1:
 
<includeonly>{{#if:{{{scale|}}}|{{#vardefine:scale|{{{scale}}}}}|{{#vardefine:scale|1}}}}<div style="
 
<includeonly>{{#if:{{{scale|}}}|{{#vardefine:scale|{{{scale}}}}}|{{#vardefine:scale|1}}}}<div style="
 
{{#if: {{{float|}}} | float:{{{float}}}; |}}
 
{{#if: {{{float|}}} | float:{{{float}}}; |}}
 +
{{#if: {{{sprite|}}} | vertical-align: middle; |}}
 
display:inline-block;
 
display:inline-block;
 
overflow:hidden;
 
overflow:hidden;

Revision as of 11:19, 9 April 2022

This template will display part of an image.

Usage

{{cropimage
| image=
| width=
| height=
| x=
| y=
| float=
| scale=
| sprite=
}}
  • All parameters are optional except "image".
  • "width" and "height" refer to the crop area (the area of the image which remains visible), not the size of the image itself. The image is not resized.
  • "x" and "y" are distances from the left and top edges of the image where the visible area begins.
  • "float" can be left or right.
  • "scale" enlarges or shrinks the image by that factor (i.e. 2 will double the image size).
  • "sprite=yes" disables filtering.