模板: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圖像剪裁。
示例
創建帶有露珠的剪裁圖像:
![](http://images.weserv.nl/?url=//upload.wikimedia.org/wikipedia/commons/thumb/7/7b/Dew_on_grass_Luc_Viatour.jpg/400px-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 = 草上的露珠 }}
參見
- {{Annotated image}}
上述文件嵌入自Template:CSS image crop/doc。 (編輯 | 歷史) 編者可以在本模板的沙盒 (建立 | 鏡像)和測試樣例 (建立)頁面進行實驗。 請在/doc子頁面中添加分類。本模板的子頁面。 |