Difference between revisions of "Cropimage"
From Sega Retro
| (5 intermediate revisions by 3 users not shown) | |||
| 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; | ||
| Line 6: | Line 7: | ||
height:{{#if: {{{height|}}} |{{#expr:{{{height}}}*{{#var:scale}}}}px|auto}}; | height:{{#if: {{{height|}}} |{{#expr:{{{height}}}*{{#var:scale}}}}px|auto}}; | ||
line-height:0px"><div style=" | line-height:0px"><div style=" | ||
| − | {{#if: {{{sprite|}}} | image-rendering: | + | {{#if: {{{sprite|}}} | image-rendering:pixelated; |}} |
position:relative; | position:relative; | ||
| − | top:-{{#expr:{{{y|0 | + | top:-{{#expr:{{#if:{{{y|}}}|{{{y}}}|0}}*{{#var:scale}}}}px; |
| − | left:-{{#expr:{{{x|0 | + | left:-{{#expr:{{#if:{{{x|}}}|{{{x}}}|0}}*{{#var:scale}}}}px; |
width:{{#expr:{{#mediawidth:{{{image|}}}}}*{{#var:scale}}}}px; | width:{{#expr:{{#mediawidth:{{{image|}}}}}*{{#var:scale}}}}px; | ||
height:{{#expr:{{#mediaheight:{{{image|}}}}}*{{#var:scale}}}}px; | height:{{#expr:{{#mediaheight:{{{image|}}}}}*{{#var:scale}}}}px; | ||
| − | line-height:0px">{{#if: {{{image|}}} |{{scaleimage|{{{image}}}|{{#var:scale}}}}|No image to display.}}</div></div></includeonly><noinclude> | + | line-height:0px">{{#if: {{{image|}}} |{{scaleimage|{{{image}}}|{{#var:scale}}|nolink=true}}|No image to display.}}</div></div></includeonly><noinclude> |
This template will display part of an image. | This template will display part of an image. | ||
| Line 36: | Line 37: | ||
* "sprite=yes" disables filtering. | * "sprite=yes" disables filtering. | ||
| − | [[Category: | + | [[Category:Templates]] |
Latest revision as of 11:42, 17 June 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.