模板: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 = 草上的露珠
}}

參見