帮助:图片

来自虎扑篮球百科
跳转至: 导航搜索

版权协议

请不要使用涉及到NBA赛场版权的图片。

上传图片至虎扑篮球百科

  1. 首先点击虎扑篮球百科左侧的“上传文件”

上传文件.jpg

  1. 然后在“来源文件”一栏选择想要上传的文件

上传文件选择来源.jpg

  1. 按照help:图片注释的要求添加图片

图片格式

无格式图片

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

[[File:虎扑篮球.png|]]

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

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球的logo。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

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

指定位置

现在,例如我们需要:

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

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

例1 - 右对齐,浮动

[[File:虎扑篮球.png|right|]]

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

虎扑篮球的logo。

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

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

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

[[File:虎扑篮球.png|frame|right|]]
虎扑篮球的logo。

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

例3 - 左对齐,浮动

[[File:虎扑篮球.png|left|]]

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

虎扑篮球的logo。

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

例4 - 居中, 不浮动

[[File:虎扑篮球.png|center|]]

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

虎扑篮球的logo。

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

例5 - 不浮动

[[File:虎扑篮球.png|none|]]

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

虎扑篮球的logo。

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

使用框架,添加标题

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

[[File:虎扑篮球.png|frame|]]

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

此图为虎扑篮球的logo。

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

缩略图

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

[[File:虎扑篮球.png|thumb|]]

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

虎扑篮球的logo。

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

调整大小

当图片太大的时候,我们可能希望在条目中只显示一幅相应的较小的图。当制作小图时,必须包含一个框架,因此常常也包含着标题。

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

调整宽度

例如,我们需要图片宽100像素

[[File:虎扑篮球.png|100px]]

虎扑篮球.png

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

[[File:虎扑篮球.png|100px|]]

虎扑篮球的logo。

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

[[File:虎扑篮球.png|500px|]]

虎扑篮球的logo。

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

另外请注意图片的解析度亦会因此而下降,这因为我们要求图片变成500像素宽,但图片的实际大小并没有500像素宽,因此浏览器的排版显示器便要将图片强制扩大至500像素宽,其显示效果便会较差了。所以切记永不依照这个方法来放大图片(矢量图除外)。

调整高度

如果要使图片等比缩放至制定的高度,在指示大小的代码中,我们需要在相应的大小前面加个x。 例如,我们需要图片高100像素:

[[File:虎扑篮球.png|x100px]]

虎扑篮球.png

如果要使之变成500像素:

[[File:虎扑篮球.png|x500px]]

虎扑篮球.png

同样地,这些过大的图片通常都不应该放在条目内文里——这不方便读者浏览,还会使得图片显示效果变差(矢量图除外)。

结合不同选项

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

[[File:虎扑篮球.png|thumb|100px|right|]]

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

虎扑篮球的logo。

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

避免图像“堆积”

许多用户进行图像浮动时常碰到一个问题,就是多幅图片有时会水平地“堆积”在一起,对于大型图片尤其如此。“最佳”的解决方法是,添加更多的文本,但有时这是不可能的。本节将介绍一些解决办法,即在图像后加入“<br style="clear:both;">”或{{Clear}}(见源代码)

虎扑篮球的logo。

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

虎扑足球的logo。


联合对齐相似图片

经常会有两幅从逻辑上讲需要归于一组的相似图片。为做到这一点,需要加入一些html标记:

  <div style="float:right;width:315px;">
  [[File:虎扑篮球.png|none|thumb|300px|]]

  [[File:虎扑足球.png|right|thumb|200px|虎扑足球的logo。]]
  </div>
虎扑篮球的logo。


虎扑足球的logo。

虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。

虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。

虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。虎扑篮球百科。

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

虎扑篮球的logo。
虎扑篮球的logo。
[[File:虎扑篮球.png|left|thumb|300px|]]
[[File:虎扑篮球.png|none|thumb|300px|]]

不过,这应当较少采用,因为对使用较窄的浏览器窗口者有可能导致图片超过屏幕的右边缘。

实现这个效果的方法是利用表格标记

{|
|-
| [[File:虎扑篮球.png|none|thumb|300px|]]
| [[File:虎扑篮球.png|none|thumb|300px|]]
|}

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

虎扑篮球的logo。
虎扑篮球的logo。


[[File:虎扑篮球.png|left|thumb|300px|]]
[[File:虎扑篮球.png|left|thumb|300px|]]
<br style="clear:both;">
这条命令
<br style="clear:both;">
是为了防止后面的文字直接显示在图片旁。

左右交替浮动

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

[[File:虎扑篮球.png|thumb|150px|right|虎扑篮球的logo。]]
[[File:虎扑足球.png|left|thumb|150px|虎扑足球的logo。]]
虎扑篮球的logo。
虎扑足球的logo。

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

强迫换行

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

 <br style="clear:both;"> 
或是
 {{-}}
虎扑篮球的logo。

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

虎扑足球的logo。

虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。 虎扑篮球百科,努力做成最专业的篮球百科全书。

图片集

维基标记语言和层叠样式表(CSS)

要在图片集展示一系列图片,一个简单的方法是使用维基标记语言和层叠样式表(CSS):让所有图片靠左浮动,并在其后清除靠左浮动的设定,以免图片在图片集以后的内容中出现。


[[File:虎扑篮球.png|128px|thumb|left|虎扑篮球的logo。1]]
[[File:虎扑篮球.png|128px|thumb|left|虎扑篮球的logo。2]]
[[File:虎扑篮球.png|128px|thumb|left|虎扑篮球的logo。3]]
[[File:虎扑篮球.png|128px|thumb|left|虎扑篮球的logo。4]]
[[File:虎扑篮球.png|128px|thumb|left|虎扑篮球的logo。5]]
[[File:虎扑篮球.png|128px|thumb|left|虎扑篮球的logo。6]]
<br style="clear: left"/>

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

虎扑篮球的logo。1
虎扑篮球的logo。2
虎扑篮球的logo。3
虎扑篮球的logo。4
虎扑篮球的logo。5
虎扑篮球的logo。6


新的MediaWiki<gallery>标记

新的MediaWiki软体支援<gallery>标记,是建立图片集的简便方法:


<gallery>
File:虎扑篮球.png|虎扑篮球的logo。1
File:虎扑篮球.png|虎扑篮球的logo。2
File:虎扑篮球.png|虎扑篮球的logo。3
File:虎扑篮球.png|虎扑篮球的logo。4
File:虎扑篮球.png|虎扑篮球的logo。5
File:虎扑篮球.png|虎扑篮球的logo。6
File:虎扑篮球.png|虎扑篮球的logo。7
File:虎扑篮球.png|虎扑篮球的logo。8
</gallery>

好处:简单方便、图片之间没有浪费空间。未来的MediaWiki可能会提供更多这类型的支援。

坏处:图片不会根据画面大小换行、不能设定图片大小(希望下一个版本可以改善这些不便之处)。

让图片集整体居中显示的方法:


{| align=center border=1
|- 
| <gallery>
File:虎扑篮球.png|1
File:虎扑篮球.png|虎扑篮球的logo。2
File:虎扑篮球.png|虎扑篮球的logo。3
File:虎扑篮球.png|虎扑篮球的logo。4
File:虎扑篮球.png|虎扑篮球的logo。5
File:虎扑篮球.png|虎扑篮球的logo。6
File:虎扑篮球.png|虎扑篮球的logo。7
File:虎扑篮球.png|虎扑篮球的logo。8
</gallery>
|}

整体居中的效果如下:

新版本支持在标签内添加参数,如

<gallery {parameters}>
{images}
</gallery>

参数有如下:

  • caption="{caption}": 在画廊上显示标题,标题超过画廊宽度时会分成多列。
  • widths={width}px:设定图像图像宽度,默认120px。
  • heights={heights}px:设定图像最大高度
  • perrow={integer}:设定每行显示图像数
  • showfilename={anything}:显示每个图像的文件名(mediawiki 1.17以上版本)

如以下:

<gallery showfilename="a" widths=60px heights=60px perrow=7 caption="测试">
File:Example.svg|10
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
</gallery>

可生成:

模板

另一个可行方法是利用 {{gallery}} 模板,格式是:

{{gallery|档案名称|叙述}}
模板:Template

以下另一种格式可(按照 ###px)设定图片宽度。如果有执行conditional parameters的话,更可以并入{{gallery}}标记:

{{gallerypx|档案名称|叙述|宽度}}
模板:Template

好处:图片会根据画面大小换行、简单方便、不用使用HTML和CSS.

坏处:某些浏览器可能会出现卷轴和其他讨厌的东西、不能设定图片大小。

例如:



{{gallery|File:虎扑篮球.png|虎扑篮球的logo。}}
{{gallery|File:虎扑篮球.png|虎扑篮球的logo。}}
{{gallery|File:虎扑篮球.png|虎扑篮球的logo。}}
{{gallery|File:虎扑篮球.png|虎扑篮球的logo。}}
{{gallery|File:虎扑篮球.png|虎扑篮球的logo。}}
{{gallery|File:虎扑篮球.png|虎扑篮球的logo。}}
{{gallery|File:虎扑篮球.png|虎扑篮球的logo。}}
{{gallery|File:虎扑篮球.png|虎扑篮球的logo。}}
{{gallery end}}


将显示为 模板:Gallery 模板:Gallery 模板:Gallery 模板:Gallery 模板:Gallery 模板:Gallery 模板:Gallery 模板:Gallery 模板:Gallery end

链接到图片但不显示图片

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

[[Media:虎扑篮球.png]]

Media:虎扑篮球.png

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

[[Media:虎扑篮球.png|-{zh-hant:这是虎扑篮球的logo。; zh-hans:这是维基百科徽标;}-]]

这是虎扑篮球的logo。

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

[[:File:虎扑篮球.png]]

File:虎扑篮球.png

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

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

[[:File:虎扑篮球.png|]]

虎扑篮球.png

全景图(暂不支持)

使用模板{{Wide image}}来显示全景图:

语法:{{Wide image|图像名称||描述}}
例子:{{wide image|Gu Kaizhi 001.jpg|2000px|顾恺之所作《女史箴图》摹本,现藏于大英博物馆。}}

模板:Wide image

与图片相关的模板(暂不支持)

  • {{Frame}}:同图片的Frame效果,但可指定图片大小。
  • {{Image label}}:可在图片上添加文字。另可参考mw:Extension:ImageMap
  • {{2images}}:在同一图片框中水平横向并排显示两幅图片,图片较多时方便排版。
  • {{并列图像}}:在同一图片框内显示二至六张图片,可选择横向或纵向,图片较多时方便排版。

参考链接