模板:CSS image crop

File:Test Template Info-Icon - Version (2).svg 模板文件[檢視] [編輯] [歷史] [清除快取]

本模板用來在一個頁面中創建一個圖像的剪切式縮略圖，或者在條目中需要以截取部分的形式顯現的圖片提供全圖連結。

用法

{{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圖像剪裁。

示例

創建帶有露珠的剪裁圖像：

File:Dew on grass Luc Viatour.jpg

原圖的縮略圖

Dew on grass Luc Viatour.jpg

• 位移：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}}

上述文件嵌入自Template:CSS image crop/doc。（編輯 | 歷史）
編者可以在本模板的沙盒（建立 | 鏡像）和測試樣例（建立）頁面進行實驗。
請在/doc子頁面中添加分類。本模板的子頁面。