置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

模板:Outer image

萌娘百科,万物皆可萌的百科全书!转载请标注来源页面的网页链接,并声明引自萌娘百科。内容不可商用。
跳到导航 跳到搜索
Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

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

建议用{{外部图片注释}}替代本模板。

使用方法

{{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://s1.ax1x.com/2020/04/14/GxqRXV.png}}
https://s1.ax1x.com/2020/04/14/GxqRXV.png
  • 例2 本例子用来说明拉伸
  • {{Outer image|地址=https://s1.ax1x.com/2020/04/14/GxqRXV.png|注释=喵喵喵喵|宽度=30px|高度=150px}}
https://s1.ax1x.com/2020/04/14/GxqRXV.png
喵喵喵喵
  • 例3{{Outer image|地址=https://s1.ax1x.com/2020/04/14/GxqRXV.png|注释=喵喵喵喵|对齐=left|宽度=30px}}
https://s1.ax1x.com/2020/04/14/GxqRXV.png
喵喵喵喵
  • 例4{{Outer image|地址=https://s1.ax1x.com/2020/04/14/GxqRXV.png|注释=喵喵喵喵喵喵|对齐=left|高度=33px}}
https://s1.ax1x.com/2020/04/14/GxqRXV.png
喵喵喵喵喵喵

如何将本模板换成Template:外部图片注释

请注意:

  • Template:外部图片注释的设计与标准内部图片框架相同,即使没有注释也会有下方的“注释栏”。
  • Template:外部图片注释目前不支持title

如果这都没关系的话,只要在更换模板的时候将地址参数换成图片或者img就可以了。其他关键参数名字相同,无需修改。

注意事项

  • 使用本模板时,不要使用":"进行缩进。

参见

注释

  1. 可能的值 参见CSS float 属性