模板:Outer image/doc

本模板用於引用外部圖片並為其添加注釋和調整格式。

使用方法編輯

{{Outer image|地址=|title=|注释=|对齐=|宽度=px|高度=px}}
{{Outer image|地址=|注释=|对齐=|宽度=px}}

{{Outer image
|地址=
|title=
|注释=
|对齐=
|宽度=px
|高度=px
}}

參數編輯

本模板有5個參數:

  • 地址 圖片地址,以及當圖片無法顯示時,代替圖片的文字。默認值為這個編輯者忘記填地址了,讓我們一起打他吧~。必需參數。
  • title 鼠標在圖片上是會顯示的提示框。不可以填入「<」哦。可選參數。
  • 注釋 寫在圖片下方的注釋。默認值為這個圖片沒有注釋。可選參數。
  • 對齊 圖片在版面中的對齊方式,常用參數可以選擇left(左對齊),right(右對齊)[1]。默認值為right
  • 寬度 圖片縮放尺寸。不給出參數則使用圖片本身的尺寸,若只給出一個參數按比例縮放。
  • 高度 圖片縮放尺寸。不給出參數則使用圖片本身的尺寸,若只給出一個參數按比例縮放。

在指定圖片寬度的情況下,本模板的寬度將會限制為圖片寬度(即 文字自動換行)。參見下面的例3。然而使用大量的連續的英文依舊會失效,如網址。

如果不希望文字自動換行,請使用高度參數縮放圖片。參見下面的例4。

用例編輯

  • 例1 本例子用來說明基礎用法
  • {{Outer image|地址=https://i.imgur.com/BrLU94q.png}}
<img src="https://i.imgur.com/BrLU94q.png" alt="https://i.imgur.com/BrLU94q.png" style="" title=""/>
  • 例2 本例子用來說明拉伸
  • {{Outer image|地址=https://i.imgur.com/BrLU94q.png|注释=喵喵喵喵|宽度=30px|高度=150px}}
<img src="https://i.imgur.com/BrLU94q.png" alt="https://i.imgur.com/BrLU94q.png" style="width:30px;height:150px;" title=""/>
喵喵喵喵
  • 例3{{Outer image|地址=https://i.imgur.com/BrLU94q.png|注释=喵喵喵喵|对齐=left|宽度=30px}}
<img src="https://i.imgur.com/BrLU94q.png" alt="https://i.imgur.com/BrLU94q.png" style="width:30px;" title=""/>
喵喵喵喵
  • 例4{{Outer image|地址=https://i.imgur.com/BrLU94q.png|注释=喵喵喵喵|对齐=left|高度=33px}}
<img src="https://i.imgur.com/BrLU94q.png" alt="https://i.imgur.com/BrLU94q.png" style="height:33px;" title=""/>
喵喵喵喵喵喵

template:外部圖片注釋的區別編輯

  1. 本模板中引入的圖片不獨占行,更適合用於條目中插圖。
  2. 本模板採用命名參數方式,能避免帶有某些特殊符號的圖片地址或圖片注釋調用出錯。
  3. 本模板可以對圖片進行拉伸變形。

注意事項編輯

  • 使用本模板時,不要使用":"進行縮進。

參見編輯

注釋編輯

  1. 可能的值 參見CSS float 屬性