Template:CSS image crop

维基百科,自由的百科全书
跳转至: 导航搜索
文档图示 模板文档[查看] [编辑] [历史] [清除缓存]

本模板用来在一个页面中创建一个图像的剪切式缩略图,或者在条目中需要以截取部分的形式显现的图片提供全图链接。

用法[编辑]

{{CSS image crop
|Image         = 图像文件的名称,或许接受 {{Annotated image}}
|bSize         = 底图的尺寸
|cWidth        = 图像剪裁的宽度
|cHeight       = 图像剪裁的高度
|oTop          = 从上位移的像素值,默认为 0
|oLeft         = 从左位移的像素值,默认为 0
|Location      = 'right', 'left', 'center', 'none'
|Description   = 描述
|Link          = 链接的条目
|Alt           = 图像替代文本
|Page          = 图像文件的页面链接,如果文件有多个页面(如 PDF)
|magnify-link  = 用放大图标链接的图像(如果 Image 参数是用 {{Annotated image}} 
                 设置的,或者 Link 参数指向除图像以外的链接)。
}}

参数使用不正确会使页面归类于分类:使用无效参数的CSS图像剪裁

示例[编辑]

创建带有露珠的剪裁图像:

原图的缩略图
Dew on grass Luc Viatour.jpg
  • 位移oTopoLeft 定义剪切图像的左上角
  • 剪切cWidthcHeight 定义剪切图像的尺寸
  • 底图大小:如果原图设置了 bSize 位移和剪切可以由此计算
{{CSS image crop
|Image = Dew on grass Luc Viatour.jpg
|bSize = 400
|cWidth = 100
|cHeight = 100
|oTop = 180
|oLeft = 60
}}

此外,剪切的图像可以有说明文字并在页面中对齐:

  • Location=center, right, left, none
  • Description=添加图像标题
草上的露珠
草上的露珠
{{CSS image crop
|Image = Dew on grass Luc Viatour.jpg
|bSize = 400
|cWidth = 100
|cHeight = 100
|oTop = 180
|oLeft = 60
|Location = center
|Description = 草上的露珠
}}

参见[编辑]