Template:Image/doc：修订间差异

（未显示6个用户的9个中间版本）

第1行：

本模板用于引用图片并为其调整格式。如需简单快速地裁剪图片，可以使用{{tl|fit-image}}模板。需要快捷调用雪碧图可以使用{{tl|sprites}}模板~~请认准[https://zh.moegirl.org.cn/ 正版萌娘百科]~~。

本模板用于引用图片并为其调整格式。如需简单快速地裁剪图片，可以使用{{tl|fit-image}}模板。需要快捷调用雪碧图可以使用{{tl|sprites}}模板。

橙色部分是整张图片（img标签），天蓝色部分（上一级div标签）是实际显示部分和占用空间。

第7行：

<div style="height:100px;width:150px;border:1px solid #000;background-color:orange;"><div style="margin:9px;height:80px;width:130px;border:1px solid #000;background-color:skyblue;">外框</div></div>内框

==相关应用==

您可以通过以下实际例子来获得更多信息：{{tl|神椿}}

您可以通过以下实际例子来获得更多信息：{{tl|侵略乌贼娘}}、{{tl|一起一起这里那里}}、{{tl|请问您今天要来点兔子吗}}、{{tl|我的青春恋爱物语果然有问题}}、{{tl|电器街的漫画店}}、{{tl|路人女主的养成方法}}、{{tl|灵感！}}、{{tl|粗点心战争}}、{{tl|NEW GAME}}、{{tl|向阳素描}}、{{tl|带着智能手机闯荡异世界}}、{{tl|雏逻辑来自幸运逻辑}}

== 原始设计代码==

第25行：

*文本高：决定“描述”属性的文字的生成位置与高度，正数生成于图片底端，负数生成于图片上侧。单位是像素（px）。默认为生成于底端的25px高度文本段落。当“种类”的属性值为box、outer、tall、wide的时候才有用。{{color|red|注意：不要和“纵”属性一起使用。}}

*链接：在描述框内添加一个链接，链接到图片地址，{{color|red|不支持外链}}。该属性只决定显示的文本，链接将会自动补充。

*link：给图片增加一个来自萌百站内链接，{{color|red|不支持外链}}。

*link：给图片增加一个来自站内链接，{{color|red|不支持外链}}。

*图片(pic/img)：需要使用的图片的名字，默认null。外链的情况下请在种类属性中声明outer。{{黑幕|很奇怪的默認值}}

*img-css：直接声明图片本身所具有的样式。（如无特殊情况，一般不推荐使用）

第62行：

*样式(style)：向图片的最外层div添加样式，默认样式为：<code>display:inline-block; width:对应参数值; height:对应参数值; position:relative;</code>，若没有特殊要求，请不要覆盖这些值。

*注意：以下参数是为了简化书写的特殊效果参数。

*iflink：用来检测在某个特定页面的某些特定效果，目前只支持偏移，不能重设裁剪的大小。有效值为萌百已存页面，需要注意的是不同的名字空间的同名页面视为相同页面。同时，将为图片添加指向该参数页面的链接，由该参数设置的链接可以被link参数覆盖，当link参数为<code>null</code>时，取消图片的链接。

*iflink：用来检测在某个特定页面的某些特定效果，目前只支持偏移，不能重设裁剪的大小。有效值为已存在页面，需要注意的是不同的命名空间的同名页面视为相同页面。同时，将为图片添加指向该参数页面的链接，由该参数设置的链接可以被link参数覆盖，当link参数为<code>null</code>时，取消图片的链接。

**iflink-x：决定在iflink所声明的页面上，x参数的具体值。

**iflink-y：决定在iflink所声明的页面上，y参数的具体值。

第80行：

== 示例 ==

<pre>

{{image|显示类型=inline-block|图片=~~Wynn_the_Wind_Charmer~~.jpg|宽=250|高=250|种类=box|文本高=25|描述=~~风灵使薇茵|link=风灵使薇茵~~}}

{{image|显示类型=inline-block|图片=29392987.jpg|宽=250|高=250|种类=box|文本高=25|描述=VOCALOID传说曲}}

{{image|显示类型=inline-block|图片=~~Wynn_the_Wind_Charmer~~.jpg|宽=250|高=250|x=20|y=-100|纵=20}}

{{image|显示类型=inline-block|图片=29392987.jpg|宽=250|高=250|x=20|y=-100|纵=20}}

{{image|显示类型=inline-block|图片=~~Wynn_the_Wind_Charmer~~.jpg|宽=250|高=250|上=20|左=50|下=30|右=85}}

{{image|显示类型=inline-block|图片=29392987.jpg|宽=250|高=250|上=20|左=50|下=30|右=85}}

{{image|显示类型=inline-block|图片=~~Wynn_the_Wind_Charmer~~.jpg|宽=500|高=250|img-css=height:500px|radius=30|rad1-dt=%|rad3-dt=%|左=125|右=125|上=150|下=-150}}

{{image|显示类型=inline-block|图片=29392987.jpg|宽=500|高=250|img-css=height:500px|radius=30|rad1-dt=%|rad3-dt=%|左=125|右=125|上=150|下=-150}}

{{image|显示类型=inline-block|图片=~~Wynn_the_Wind_Charmer~~.jpg|width=200|height=200|resize=250|img-css=height:250px|x=80|y=80|下=30|右=30|种类=box|文本高=-25|描述=~~风灵使薇茵~~}}

{{image|显示类型=inline-block|图片=29392987.jpg|width=200|height=200|resize=250|img-css=height:250px|x=80|y=80|下=30|右=30|种类=box|文本高=-25|描述=VOCALOID传说曲}}

</pre>