帮助:图像
![]() |
本页面全部或部分内容原来自中文维基百科页面Help:图像,依 CC BY-SA 3.0 授权引入;原贡献者可以在这里看到。 |
这是一个关于如何把WIKI上的图片添加到页面里的帮助,如果您要把其他地方的图片显示在页面中,参见:Help:外部图像
无格式图片
下列命令可插入无格式图片:
[[File:Zh2014_moegirlpedia_logo.png|萌娘百科LOGO]]
这样插入的图片和原始上传图片大小一样。图片放置的位置是任意的,并且文本不会浮动(环绕四周)。例如:
萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书
请注意图片在何处将文本分成两块是取决于标记的放置位置的。
指定位置
现在,例如我们需要:
- 文本浮动(环绕四周)于图片;或
- 指定图片放置的位置(左、右、嵌入等)。
要做到这一点,只需添加如下定位语句。
例1 - 右对齐,浮动
[[File:Zh2014_moegirlpedia_logo.png|right|萌娘百科LOGO]]
萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
例2 - 右对齐,浮动,带标题
通常将这些命令放置在段落开头,这样图像便可浮动在段落的右侧——许多条目的开头常常这样做。
[[File:Zh2014_moegirlpedia_logo.png|thumb|right|萌娘百科LOGO]]
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
例3 - 左对齐,浮动
[[File:Zh2014_moegirlpedia_logo.png|left|萌娘百科LOGO]]
萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
例4 - 置中, 不浮动
[[File:Zh2014_moegirlpedia_logo.png|center|萌娘百科LOGO]]
萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
例5 - 不浮动
[[File:Zh2014_moegirlpedia_logo.png|none|萌娘百科LOGO]]
萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书
使用框架,添加标题
图片常常需要一个标题来进行描述,这时就需要使用框架将它们框起来。
[[File:Zh2014_moegirlpedia_logo.png|thumb|此图为萌娘百科LOGO]]
萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
缩略图
缩略图会将图片框起来,并在右下角显示一个放大的标记。这是一个让用户知道一个尺寸更大的版本的好方法。缩略图也让我们可以指定图片的标题(关于题注的撰写,参见Wikipedia:zh:wikipedia:题注)。
[[File:Zh2014_moegirlpedia_logo.png|thumb|萌娘百科LOGO]]
萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
调整大小
当图片太大的时候,我们可能希望在条目中只显示一幅相应的较小的图。
维基格式支持自动调整大小;换言之,当贡献者上传了某一大小的图片后,当其他人查看条目时,图片会自动调整为指定的大小。例如,我们需要图片宽100像素:
[[File:Zh2014_moegirlpedia_logo.png|100px]]
在典型的支持图片的浏览器中,若用户将鼠标移至图片上,将显示“100px”的提示字样;而在文本浏览器中,“100px”会在图片的位置显示出来。我们可以通过指定交替文本来改变它,如下:
[[File:Zh2014_moegirlpedia_logo.png|100px|萌娘百科LOGO]]
如果要使之变成500像素宽:
[[File:Zh2014_moegirlpedia_logo.png|500px|萌娘百科LOGO]]
通常这些过大的图片都不应该放置在条目内文里,这会不方便读者浏览。大多数图片的宽度应大约位于100至400像素之间,所以在设定图片大小时,数值不应超过这个范围。
另外请注意当图片分辨率小于设置的宽度时,图片会被强行拉伸导致解析度会下降。所以请避免把小图放大。
除了上述按照宽度调整图像,也可以按照高度调整图像:
[[File:Zh2014_moegirlpedia_logo.png|x100px]]
与宽度不同,当图片高度小于设置的高度时,图片不会被强行拉伸。
带有链接的图片
如果你想点击图片,使之跳转到特定条目,可以这样写:
[[File:Zh2014_moegirlpedia_logo.png|link=首页]]
同样的,link语法也支持外部链接:
[[File:Wikipedia-logo.png|link=https://zh.wikipedia.org/wiki/Wikipedia:首页]]
禁用链接的图片
当不指定link
参数时,图片还是会触发链接效果,默认情况下,该链接会打开查看图像的页面。
然而,在一些情形下(尤其是移动端),如果不希望用户的点触操作触发这一效果,这时,必须指定一个空的link
参数来禁用图像的链接:
[[File:Zh2014_moegirlpedia_logo.png|link=|点触这个图片不会触发链接,也不会打开查看图片的界面]]
值得注意的是,当指定的图像文件不存在时,link
参数将失效,置入文件的wiki标记会强制返回一个内容为该图片宽度的链接,该链接会引导用户前往上传该文件的页面。此外,禁用链接的图像不会禁止浏览器对该图像的一般操作,例如右键菜单的另存为和在新窗口查看等。
为图片添加class
可以使用class参数来为图片添加class,这在某些以class为触发的模板中十分有用。
结合不同选项
好了,前面的命令都很不错。不过如果不将它们结合起来使用,其实是没有太大用处的。现在,我们有一幅图片需要进行浮动、右对齐、缩略图、调整为100像素宽、链接到首页、并有一个标题。这时只需要将前面的参数一块用上就可以了。参数的顺序通常无所谓,但须保证图片名是第一个参数,而标题只能在最后一个。
[[File:Zh2014_moegirlpedia_logo.png|thumb|100px|right|link=首页|萌娘百科LOGO]]
萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
避免图像“堆积”
许多用户进行图像浮动时常碰到一个问题,就是多幅图片有时会水平地“堆积”在一起,对于大型图片尤其如此。“最佳”的解决方法是,添加更多的文本,但有时这是不可能的。本节将介绍一些解决办法。
萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书
联合对齐相似图片
经常会有两幅从逻辑上讲需要归于一组的相似图片。为做到这一点,需要加入一些html标记:
<div style="float:right;width:315px;"> [[File:Zh2014_moegirlpedia_logo.png|none|thumb|300px|萌娘百科LOGO]] [[File:Wikipedia-logo.png|right|thumb|200px|维基百科的标志]] </div>
萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。
有时候也可以水平对齐两幅图像:
[[File:Zh2014_moegirlpedia_logo.png|left|thumb|300px|萌娘百科LOGO]] [[File:Zh2014_moegirlpedia_logo.png|none|thumb|300px|萌娘百科LOGO]]
不过,这应当较少采用,因为对使用较窄的浏览器窗口者有可能导致图片超过屏幕的右边缘。
另外一种实现水平对齐效果的方法是利用表格标记:
{| |- | [[File:Zh2014_moegirlpedia_logo.png|none|thumb|300px|萌娘百科LOGO]] | [[File:Zh2014_moegirlpedia_logo.png|none|thumb|300px|萌娘百科LOGO]] |}
另一种避免过宽的办法是,将两幅图都左对齐,直接进行堆积。
[[File:Zh2014_moegirlpedia_logo.png|left|thumb|300px|萌娘百科LOGO]] [[File:Zh2014_moegirlpedia_logo.png|left|thumb|300px|萌娘百科LOGO]] <br style="clear:both;" />
这条命令
<br style="clear:both;" />
是为了防止后面的文字直接显示在图片旁。
左右交替浮动
或许最简便的方式便是采用左右交替浮动的方法了 —— 这种方式使得两幅图片不会互相干扰,更不会叠加在一起。
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
强迫换行
最后的手段是强迫浏览器加一空白行,令所有文字和图片都在第一幅图片之下出现。但图片旁的文字之下可能会出现唐突的空白。记住,用户的浏览器、显示屏解像度、预设的文字大小、浏览器上工具列的数目等不同设定,都可能影响文本如何浮动和环绕图片。因此,不要为了令页面在你的电脑上看来美观而强行改变页面设计。只有在必须的情况下才把页面“劈开”。可以的话,让页面根据逻辑排列即可。
<br style="clear:both;" />
注:也可以用{{clear}}
替代上句代码,效果一样。用{{-}}
替代上句代码时会额外多空出一行,可视情况使用。
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
萌娘百科,万物皆可萌的百科全书
图片集
维基标记语言和层叠样式表(CSS)
要在图片集展示一系列图片,一个简单的方法是使用维基标记语言和层叠样式表(CSS):让所有图片靠左浮动,并在其后清除靠左浮动的设定,以免图片在图片集以后的内容中出现。
[[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO1]] [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO2]] [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO3]] [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO4]] [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO5]] [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO6]] <br style="clear: left"/>
好处:简单、图片会根据画面大小换行。
画廊语法
用 <gallery>
标签制作一个由缩略图组成的画廊是很简单的。语法是:
<gallery> File:文件名.扩展名|标题|link=内部链接|alt=替代语言 File:文件名.扩展名|标题|link=内部链接|alt=替代语言 {...} </gallery>
注意:当图片代码包括在画廊标签中时,是不必用方括号将其包裹起来的。
标题是可选的,也可包含维基链接或者其它格式。
如果图片位于 File 名字空间中,则可以省略 File:
前缀。
- alt属性的功能是,当图片无法打开(网速过慢、浏览器禁用图像 等原因)时,图片应有的位置会显示
alt=
之后的内容。缺省时是图片名。
- alt属性的功能是,当图片无法打开(网速过慢、浏览器禁用图像 等原因)时,图片应有的位置会显示
例如:
<gallery> File:Moegirl_is_watching_you.jpg|第一项 File:Moegirl_is_watching_you.jpg|链接到[[:分类:帮助]] File:Moegirl_is_watching_you.jpg|link=萌百娘|该图片链接至[[萌百娘]]条目 File:Moegirl_is_watching_you.jpg|alt=萌百娘正在看着你 File:Moegirl_is_watching_you.jpg|''斜体的标题'' File:Moegirl_is_watching_you.jpg|位于页面“{{PAGENAME}}” </gallery>
会被格式化为:
可选的画廊属性
gallery 标记自身接受几个额外参数,可通过成对的“名称-值”来指定:
<gallery {参数}> {图片} </gallery>
caption="{标题}"
:(若标题文本中包含空格,应使用双引号将其包括起来)在画廊顶端中间位置显示一个标题。widths={宽度}px
:设置图片宽度,默认为 120px。注意,是每张图片的宽度。heights={高度}px
:设置图片的(最大)高度。perrow={整数}
:设置每行显示的图片数。showfilename={任意值}
:将每张图片的文件名显示为单独的标题 (1.17+)- 萌百支持的全局属性(
id
、class
、style
等)
示例:
代码:
<gallery widths=60px heights=60px perrow=7 caption="萌百娘正在看着你"> File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg </gallery>
结果:
- 萌百娘正在看着你
模式参数
从mediawiki 1.22版本开始,gallery标签新加入了模式参数功能, 可选参数如下:
traditional
: 标准默认的画廊模式。nolines
: 标准模式去掉了外围方框。packed
: 设置图片为统一高度,系统自动根据长宽比调整图片宽度,根据屏幕宽度调整每行图片数。packed-overlay
: packed模式外文字说明和半透明背景框。packed-hover
: packed模式,鼠标悬浮时显示文字说明+半透明背景框。slideshow
: 幻灯片模式,可以点击切换图片或查看所有画廊内的图片。(mediawiki 1.23新增)
举个例子说明:
mode="traditional"
标准模式
<gallery mode="traditional"> Image:Moegirl_Head.png|萌百娘 Image:Gengxinji.jpg|绿坝娘 Image:Wikitanface.png|维基娘 </gallery>
mode="nolines"
无框标准模式
<gallery mode="nolines"> Image:Moegirl_Head.png|萌百娘 Image:Gengxinji.jpg|绿坝娘 Image:Wikitanface.png|维基娘 </gallery>
mode="packed"
填充模式
<gallery mode="packed"> Image:Moegirl_Head.png|萌百娘 Image:Gengxinji.jpg|绿坝娘 Image:Wikitanface.png|维基娘 </gallery>
mode="packed-overlay"
带字幕的填充模式
<gallery mode="packed-overlay"> Image:Moegirl_Head.png|萌百娘 Image:Gengxinji.jpg|绿坝娘 Image:Wikitanface.png|维基娘 </gallery>
mode="packed-hover"
鼠标悬浮时显示文字的填充模式
<gallery mode="packed-hover"> Image:2010-DEC-13MoeGirlWikiLogo.png|萌娘百科2010年Logo Image:2011-JUN-7MoeGirlWikLogo.png|萌娘百科2011年Logo Image:2013logo.png|萌娘百科2013年Logo Image:2013logo-North-HyōgoPrefecture.jpg|萌娘百科2013年Logo(兵库北版) Image:2013logoEn.png|萌娘百科(英文版)2013年Logo Image:2013logoJa.png|萌娘百科(日文版)2013年Logo Image:Zh2014 moegirlpedia logo.png|萌娘百科2014年Logo </gallery>
mode="slideshow"
幻灯片模式
这个模式默认会让画廊占据所有可用空间,通常会使图片显示过大。由于高heights
和宽weights
参数在此模式被忽略,因此画廊的尺寸需要像下面一样手动限制。注意此处限制的是画廊可用的最大尺寸,而非画廊内图片的尺寸。
{|width=800px |- |<gallery mode="slideshow"> File:ISLAND_Anime_Mainvisual1.jpg File:ISLAND_Anime_Mainvisual2.jpg File:ISLAND_Anime_Mainvisual3.jpg File:ISLAND_Anime_Mainvisual4.jpg File:ISLAND_Anime_Mainvisual5.jpg </gallery> |}
全景图
使用模板{{Wide image}}来显示全景图:
- 例子:{{wide image|QingMingShangHeTu Big.jpg|5000px|清院本清明上河图| |alt=本图描绘了清明时节北宋京城汴梁及汴河两岸的热闹景象和自然风光。}}
并列图像
使用模板{{Multiple image}}来显示并列图像:
{{multiple image|perrow = 2|total_width=300 | image1 = Pixiv_51872985.jpg |width1=850|height1=1200 | image2 = Pixiv_58132562.png |width2=800|height2=1200 | image3 = Pixiv_65682005.jpg|width4=566|height4=729 | image4 = Pixiv_11112249.jpg |width3=429|height3=764 | footer =各种各样的[[死库水]],从左上角开始,沿顺时针方向,分别为旧式,新式,竞赛式和分体式。 }}
链接到图片但不显示图片
假如你想链接到图片但不显示的话,有三个方法可以做到。
第一种
[[Media:Zh2014_moegirlpedia_logo.png]]
Media:Zh2014_moegirlpedia_logo.png
请注意那是 "Media" 而非 "File"。当按下该链接,浏览器会自动开启链接的图片。你亦可以改变显示的文字。
[[Media:Zh2014_moegirlpedia_logo.png|这是萌娘百科LOGO]]
第二种
若要连到图像页(包含何人、何时上载及版权资讯等资料),而非直接连到图像,你可以这样写:
[[:File:Zh2014_moegirlpedia_logo.png]]
File:Zh2014_moegirlpedia_logo.png
这图片跟本指南第一个图片的唯一分别是在"File"之前加了一个冒号 (:)。
如上所述,你可以随意改动链接的文字。
[[:File:Zh2014_moegirlpedia_logo.png|该链接直接连到标志的图像页]]
第三种
若要链接到图片对应的萌娘共享页面,应该这样写:
[[cm:File:Zh2014_moegirlpedia_logo.png]]
cm:File:Zh2014_moegirlpedia_logo.png
这仅在上面的链接之前加了"cm"。
同理,该链接的文字也可以被改变。
[[cm:File:Zh2014_moegirlpedia_logo.png|这是图片的萌娘共享页面]]
在讨论版请求删除图片时通常要求按照这种写法链接到萌娘共享页面,以便于管理人员删除。