模板: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 = 草上的露珠 }}
參見
- {{Annotated image}}