模板: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圖像剪裁。
示例
創建帶有露珠的剪裁圖像:

- 位移:
oTop
和oLeft
定義剪切圖像的左上角 - 剪切:
cWidth
和cHeight
定義剪切圖像的尺寸 - 底圖大小:如果原圖設置了
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 = 草上的露珠
}}
腳本
c:User:維基小霸王/CSSImageCrop.js允許編者直接在圖像上選擇裁剪區域,並自動生成模板代碼。在您的自定義腳本中添加importScript('User:維基小霸王/CSSImageCrop.js');
以啟用此小工具。
參見
- {{Annotated image}}