• 你好~!欢迎来到萌娘百科!如果您是第一次来到这里,点这里加入萌娘百科!
  • 招募具有翻译能力的同学~有意者请点→Category:需要翻译的条目
  • 如果您在萌娘百科上发现某些内容错误/空缺,请勇于修正/添加!编辑萌娘百科其实很容易!
  • 觉得萌娘百科有趣的话,请推荐给朋友哦~
  • 萌娘百科群119170500欢迎加入,加入时请写明【萌娘百科+自己的ID】~

帮助:图像

萌娘百科,万物皆可萌的百科全书!
跳转至: 导航搜索
Cat ico20.png
此条目最初引自中文维基百科的帮助:图像,版权协定可能与萌百并不相同。内容经过双方不同人员的修改后,可能会有很大差异。

部分模板在萌娘百科中不存在,会显示为红色链接,这些模板在萌娘百科内是不能使用的

这是一个关于如何把WIKI上的图片添加到页面里的帮助,如果您要把其他地方的图片显示在页面中,参见:Help:外部图像

无格式图片

下列命令可插入无格式图片:

[[File:Zh2014_moegirlpedia_logo.png|萌娘百科LOGO]]

这样插入的图片和原始上传图片大小一样。图片放置的位置是任意的,并且文本不会浮动(环绕四周)。例如:

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科LOGO 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

请注意图片在何处将文本分成两块是取决于标记的放置位置的。

指定位置

现在,例如我们需要:

  1. 文本浮动(环绕四周)于图片;或
  2. 指定图片放置的位置(左、右、嵌入等)。

要做到这一点,只需添加如下定位语句。

例1 - 右对齐,浮动

[[File:Zh2014_moegirlpedia_logo.png|right|萌娘百科LOGO]]

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

萌娘百科LOGO

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

例2 - 右对齐,浮动,带标题

通常将这些命令放置在段落开头,这样图像便可浮动在段落的右侧——许多条目的开头常常这样做。

[[File:Zh2014_moegirlpedia_logo.png|thumb|right|萌娘百科LOGO]]
萌娘百科LOGO

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

例3 - 左对齐,浮动

[[File:Zh2014_moegirlpedia_logo.png|left|萌娘百科LOGO]]

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

萌娘百科LOGO

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

例4 - 置中, 不浮动

[[File:Zh2014_moegirlpedia_logo.png|center|萌娘百科LOGO]]

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

萌娘百科LOGO

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

例5 - 不浮动

[[File:Zh2014_moegirlpedia_logo.png|none|萌娘百科LOGO]]

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

萌娘百科LOGO

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

使用框架,添加标题

图片常常需要一个标题来进行描述,这时就需要使用框架将它们框起来。

[[File:Zh2014_moegirlpedia_logo.png|thumb|此圖為萌娘百科LOGO]]

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

此图为萌娘百科LOGO

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

缩略图

缩略图会将图片框起来,并在右下角显示一个放大的标记。这是一个让用户知道一个尺寸更大的版本的好方法。缩略图也让我们可以指定图片的标题(关于题注的撰写,参见Wikipedia:zh:wikipedia:题注)。

[[File:Zh2014_moegirlpedia_logo.png|thumb|萌娘百科LOGO]]

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

萌娘百科LOGO

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

调整大小

当图片太大的时候,我们可能希望在条目中只显示一幅相应的较小的图。

维基格式支持自动调整大小;换言之,当贡献者上传了某一大小的图片后,当其他人查看条目时,图片会自动调整为指定的大小。例如,我们需要图片宽100像素

[[File:Zh2014_moegirlpedia_logo.png|100px]]

Zh2014 moegirlpedia logo.png

在典型的支持图片的浏览器中,若用户将鼠标移至图片上,将显示“100px”的提示字样;而在文本浏览器中,“100px”会在图片的位置显示出来。我们可以通过指定交替文本来改变它,如下:

[[File:Zh2014_moegirlpedia_logo.png|100px|萌娘百科LOGO]]

萌娘百科LOGO

如果要使之变成500像素宽:

[[File:Zh2014_moegirlpedia_logo.png|500px|萌娘百科LOGO]]

萌娘百科LOGO

通常这些过大的图片都不应该放置在条目内文里,这会不方便读者浏览。大多数图片的宽度应大约位于100至400像素之间,所以在设定图片大小时,数值不应超过这个范围。

另外请注意当图片分辨率小于设置的宽度时,图片会被强行拉伸导致解析度会下降。所以请避免把小图放大。


除了上述按照宽度调整图像,也可以按照高度调整图像:

[[File:Zh2014_moegirlpedia_logo.png|x100px]]

Zh2014 moegirlpedia logo.png

与宽度不同,当图片高度小于设置的高度时,图片不会被强行拉伸。

带有链接的图片

如果你想点击图片,使之跳转到特定条目,可以这样写:

[[File:Zh2014_moegirlpedia_logo.png|link=首页]]

Zh2014 moegirlpedia logo.png

同样的,link语法也支持外部链接:

[[File:Wikipedia-logo.png|link=https://zh.wikipedia.org/wiki/Wikipedia:首页]]

Wikipedia-logo.png

结合不同选项

好了,前面的命令都很不错。不过如果不将它们结合起来使用,其实是没有太大用处的。现在,我们有一幅图片需要进行浮动、右对齐、缩略图、调整为100像素宽、链接到首页、并有一个标题。这时只需要将前面的参数一块用上就可以了。参数的顺序通常无所谓,但须保证图片名是第一个参数,而标题只能在最后一个

[[File:Zh2014_moegirlpedia_logo.png|thumb|100px|right|link=首页|萌娘百科LOGO]]

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

萌娘百科LOGO

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

避免图像“堆积”

许多用户进行图像浮动时常碰到一个问题,就是多幅图片有时会水平地“堆积”在一起,对于大型图片尤其如此。“最佳”的解决方法是,添加更多的文本,但有时这是不可能的。本节将介绍一些解决办法。

萌娘百科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>
萌娘百科LOGO


维基百科的标志


萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。 萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。萌娘百科,万物皆可萌的百科全书。


有时候也可以水平对齐两幅图像:

萌娘百科LOGO
萌娘百科LOGO
[[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]]
|}

另一种避免过宽的办法是,将两幅图都左对齐,直接进行堆积。

萌娘百科LOGO
萌娘百科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;" />
是为了防止后面的文字直接显示在图片旁。

左右交替浮动

或许最简便的方式便是采用左右交替浮动的方法了 —— 这种方式使得两幅图片不会互相干扰,更不会叠加在一起。

萌娘百科LOGO
维基百科的标志

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

强迫换行

最后的手段是强迫浏览器加一空白行,令所有文字和图片都在第一幅图片之下出现。但图片旁的文字之下可能会出现唐突的空白。记住,用户的浏览器、显示屏解像度、预设的文字大小、浏览器上工具列的数目等不同设定,都可能影响文本如何浮动和环绕图片。因此,不要为了令页面在你的电脑上看来美观而强行改变页面设计。只有在必须的情况下才把页面“劈开”。可以的话,让页面根据逻辑排列即可。

   <br style="clear:both;" />

注:也可以用{{clear}}替代上句代码,效果一样。用{{-}}替代上句代码时会额外多空出一行,可视情况使用。

萌娘百科LOGO

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

维基百科的标志

萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书 萌娘百科,万物皆可萌的百科全书

图片集

维基标记语言和层叠样式表(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"/>

好处:简单、图片会根据画面大小换行。

萌娘百科LOGO1
萌娘百科LOGO2
萌娘百科LOGO3
萌娘百科LOGO4
萌娘百科LOGO5
萌娘百科LOGO6


画廊语法

<gallery> 标签制作一个由缩略图组成的画廊是很简单的。语法是:

<gallery>
File:文件名.扩展名|标题|alt=替代语言
File:文件名.扩展名|标题|alt=替代语言
{...}
</gallery>

注意:当图片代码包括在画廊标签中时,是不必用方括号将其包裹起来的。

标题是可选的,也可包含维基链接或者其它格式。

如果图片位于 File 名字空间中,则可以省略 File: 前缀。

  • 注:alt属性的功能是,当图片无法打开(网速过慢、浏览器禁用图像 等原因)时,图片应有的位置会显示 alt= 之后的内容。

例如:

<gallery>
File:Moegirl_is_watching_you.jpg|第一项
File:Moegirl_is_watching_you.jpg|链接到[[:分类:帮助]]
File:Moegirl_is_watching_you.jpg
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+)

示例:

代码:

<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模式,鼠标悬浮时显示文字说明+半透明背景框。

举个例子说明:

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>

画廊代码自动生成

画廊代码生成框
移动版不适用画廊代码自动生成,请使用桌面版。
创建画廊代码生成框失败,请刷新。

链接到图片但不显示图片

假如你想链接到图片但不显示的话,有两个方法可以做到。

[[Media:Zh2014_moegirlpedia_logo.png]]

Media:Zh2014_moegirlpedia_logo.png

请注意那是 "Media" 而非 "File"。当按下该链接,浏览器会自动开启链接的图片。你亦可以改变显示的文字。

[[Media:Zh2014_moegirlpedia_logo.png|这是萌娘百科LOGO]]

这是萌娘百科LOGO

若要连到图像页(包含何人、何时上载及版权资讯等资料),而非直接连到图像,你可以这样写:

[[:File:Zh2014_moegirlpedia_logo.png]]

File:Zh2014_moegirlpedia_logo.png

这图片跟本指南第一个图片的唯一分别是在"Image"之前加了一个冒号 (:)。

如上所述,你可以随意改动链接的文字。

[[:File:Zh2014_moegirlpedia_logo.png|该链接直接连到标志的图像页]]

该链接直接连到标志的图像页

为本页面评分: