Template:Outer image/doc：修订间差异
跳到导航
跳到搜索
imported>梦蝶葬花 （创建页面，内容为“本模板用于引用外部图片并为其添加注释和调整格式。 ==使用方法== <pre>{{Outer image|地址=|注释=|对齐=|宽度=px|高度=px}} {{Outer i...”） |
imported>=海豚= 小 （文本替换 - 替换“[[Category:”为“[[分类:”） |
||
| （未显示另一用户的1个中间版本） | |||
| 第1行： | 第1行： | ||
<!-- 在本行下編輯模板說明 --> | |||
本模板用于引用外部图片并为其添加注释和调整格式。 | 本模板用于引用外部图片并为其添加注释和调整格式。 | ||
==使用方法== | ==使用方法== | ||
<pre>{{Outer image|地址=|注释=|对齐=|宽度=px|高度=px}} | <pre>{{Outer image|地址=|title=|注释=|对齐=|宽度=px|高度=px}} | ||
{{Outer image|地址=|注释=|对齐=|宽度=px}}</pre> | {{Outer image|地址=|注释=|对齐=|宽度=px}} | ||
{{Outer image | |||
|地址= | |||
|title= | |||
|注释= | |||
|对齐= | |||
|宽度=px | |||
|高度=px | |||
}}</pre> | |||
==参数== | ==参数== | ||
本模板有5个参数： | 本模板有5个参数： | ||
*'''地址''' 图片地址，以及当图片无法显示时，代替图片的文字。默认值为'''这个编辑者忘记填地址了，让我们一起打他吧~'''。必需参数。 | *'''地址''' 图片地址，以及当图片无法显示时，代替图片的文字。默认值为'''这个编辑者忘记填地址了，让我们一起打他吧~'''。必需参数。 | ||
*'''title''' 鼠标在图片上是会显示的提示框。不可以填入“<”哦。可选参数。 | |||
*'''注释''' 写在图片下方的注释。默认值为'''这个图片没有注释'''。可选参数。 | *'''注释''' 写在图片下方的注释。默认值为'''这个图片没有注释'''。可选参数。 | ||
*'''对齐''' 图片在版面中的对齐方式，常用参数可以选择'''left'''（左对齐），'''right'''（右对齐）<ref>可能的值 參見[http://www.w3school.com.cn/cssref/pr_class_float.asp CSS float 属性]</ref>。默认值为'''right'''。 | *'''对齐''' 图片在版面中的对齐方式，常用参数可以选择'''left'''（左对齐），'''right'''（右对齐）<ref>可能的值 參見[http://www.w3school.com.cn/cssref/pr_class_float.asp CSS float 属性]</ref>。默认值为'''right'''。 | ||
*'''宽度''' 图片缩放尺寸。不给出参数則使用圖片本身的尺寸，若只给出一个参数按比例缩放。 | *'''宽度''' 图片缩放尺寸。不给出参数則使用圖片本身的尺寸，若只给出一个参数按比例缩放。 | ||
| 第34行： | 第44行： | ||
#本模板采用命名参数方式，能避免带有某些特殊符号的图片地址或图片注释调用出错。 | #本模板采用命名参数方式，能避免带有某些特殊符号的图片地址或图片注释调用出错。 | ||
#本模板可以对图片进行拉伸变形。 | #本模板可以对图片进行拉伸变形。 | ||
== 注意事项 == | |||
* {{color|red|使用本模板时，不要使用"<nowiki>:</nowiki>"进行缩进。}} | |||
==参见== | ==参见== | ||
*[[Help:图像]] | *[[Help:图像]] | ||
*[[Help:外部图像]] | *[[Help:外部图像]] | ||
== 注释 == | |||
<references/> | |||
<!-- 本行下加入模板的分類 --> | |||
<includeonly>[[分类:圖像維護模板]]</includeonly> | <includeonly>[[分类:圖像維護模板]]</includeonly> | ||
<noinclude>[[ | <noinclude>[[ 分类:模板說明文件]]</noinclude> | ||
2020年4月5日 (日) 10:10的最新版本
本模板用于引用外部图片并为其添加注释和调整格式。
使用方法[编辑源代码]
{{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:外部图片注释的区别[编辑源代码]
- 本模板中引入的图片不独占行，更适合用于条目中插图。
- 本模板采用命名参数方式，能避免带有某些特殊符号的图片地址或图片注释调用出错。
- 本模板可以对图片进行拉伸变形。
注意事项[编辑源代码]
- 使用本模板时，不要使用":"进行缩进。
参见[编辑源代码]
注释[编辑源代码]
- ↑ 可能的值 參見CSS float 属性