模板: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 参数指向除图像以外的链接)。 |Background = 图像文件的背景样式 }}
示例
- 位移:
oTop
和oLeft
定义剪切图像的左上角 - 剪切:
cWidth
和cHeight
定义剪切图像的尺寸 - 底图大小:如果原图设置了
bSize
位移和剪切可以由此计算
{{CSS image crop |Image = 微博@明日方舟Arknights 2017-11-03 (3).jpg |bSize = 150 |cWidth = 150 |cHeight = 150 |oTop = 150 |oLeft = 0 }}
此外,剪切的图像可以有说明文字并在页面中对齐:
Location=
(center, right, left, none)Description=
添加图像标题
{{CSS image crop |Image = 微博@明日方舟Arknights 2017-11-03 (3).jpg |bSize = 200 |cWidth = 200 |cHeight = 200 |oTop = 200 |oLeft = 0 |Location = center |Description = 测试用图 }}