模板:Outer image

星臣讨论 | 贡献2017年1月16日 (一) 16:59的版本 (创建页面,内容为“<includeonly><table class="wikitable" style="float:{{{对齐|right}}};{{#if:{{{宽度|}}}|width:{{{宽度}}};|}}"> <tr><td>{{#if:{{{地址|}}}|<img src="{{{地址|}}...”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
50px 模板文档  [查看] [编辑] [历史] [刷新]

本模板用于引用外部图片并为其添加注释和调整格式。

使用方法

{{Outer image|地址=|注释=|对齐=|宽度=px|高度=px}}
{{Outer image|地址=|注释=|对齐=|宽度=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 属性