Template:Css image crop

Template documentation[view] [edit] [history] [purge]

Preview Crop Template lets you create a crop of an image inline for previewing the look and feel of a page. If the edit is committed these crops should be replaced with server side cropped images to avoid sending extra image data to people.

Usage

{{Css image crop
|Image   = The Name of the image.
|Page    = For multipage files (eg. djvu or pdf)
|Rotate  = Set to -90, 90, or 180 (''before'' you crop)
|bSize   = The Base Image size (the image we are cropping on) 
|cWidth  = Crop Image Width in pixels
|cHeight = Crop image Height in pixels
|oTop    = Offset Top in pixels
|oLeft   = Offset Left in pixels
|Location = 'right', 'left', 'center' or 'none'. Determines placement of the image on the page. Defaults to 'right'.
|Description    = Description (will render out using thumbnail class) 
|Alt = Alternative text to substitute for rendering the image}}


{{Css image crop
|Image   = 
|Page    = 
|Rotate  = 
|bSize   = 
|cWidth  = 
|cHeight = 
|oTop    = 
|oLeft   = 
|Location = 
|Description = 
|Alt = }}

Examples

Dew with left formatting:

a drop of dew on grass (focus on the drop)

{{Css image crop
|Image = Dew on grass Luc Viatour.jpg
|bSize = 400
|cWidth = 100
|cHeight = 100
|oTop = 200
|oLeft = 60
|Location = left
|Description = a drop of dew on grass (focus on the drop) 
|Alt = A large dew drop shining on a blade of grass}}

See also

The above documentation is transcluded from Template:Css image crop/doc. (edit | history)
Editors can experiment in this template's sandbox (edit | diff) and testcases (edit) pages.
Add categories to the /doc subpage. Subpages of this template.